CSS에서 목록 스타일은 무엇을 의미합니까?

css의 list-style은 다른 모든 목록 스타일 속성을 포함하는 단축 속성입니다. 목록 스타일 속성은 모든 요소에 적용될 수 있으며 [list-style:square inside url()]과 같은 목록 항목 요소에 의해 상속됩니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3, 이 문서는 모든 브랜드의 컴퓨터에 적용됩니다.

list-style은 하나의 선언에서 모든 목록 속성을 설정하는 데 사용되는 단축 속성입니다.

(학습 영상 추천: css 영상 튜토리얼)

상세 설명:

이 속성은 다른 모든 목록 스타일 속성을 포괄하는 단축 속성입니다. 표시 목록 항목이 있는 모든 요소에 적용되므로 일반 HTML 및 XHTML에서는 li 요소에만 사용할 수 있지만 실제로는 모든 요소에 적용할 수 있으며 목록 항목 요소에 상속됩니다.

다음 속성을 순서대로 설정할 수 있습니다.

list-style-type
list-style-position
list-style-image

속성 값:

list-style-type    设置列表项标记的类型。参阅：list-style-type 中可能的值。    
list-style-position    设置在何处放置列表项标记。参阅：list-style-position 中可能的值。    
list-style-image    使用图像来替换列表项的标记。参阅：list-style-image 中可能的值。    
inherit    规定应该从父元素继承 list-style 属性的值。

예:

이미지를 목록의 목록 항목 표시로 설정:

ul
  {  list-style:square inside url('/i/arrow.gif');
  }

관련 권장 사항: CSS 튜토리얼

위 내용은 CSS에서 목록 스타일은 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!