> 웹 프론트엔드 > CSS 튜토리얼 > 목록 스타일이란 무엇을 의미합니까? 목록 스타일 스타일 속성에 대한 자세한 설명

목록 스타일이란 무엇을 의미합니까? 목록 스타일 스타일 속성에 대한 자세한 설명

云罗郡主
풀어 주다: 2018-11-22 14:58:40
앞으로
43307명이 탐색했습니다.

이 기사의 내용은 목록 스타일의 의미에 대한 것입니다. 목록 스타일 속성에 대한 자세한 설명은 필요한 참고가 될 수 있습니다.

1. list-style

list-style의 기능과 사용법은 list li의 스타일을 설정하는 것입니다. 예를 들어, li 앞에는 아라비아 숫자, 점, 채워진 원, 그림, 속이 빈 원, 영문 소문자, 영문 대문자, 아르메니아 전통 숫자 등이 옵니다.

2. 문법

1. 문법:

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

우리는 html 문법이 ul 또는 ol에서 사용하는 경우 list-style-image를 ul 또는 ol로 설정하여 그림을 li의 전면 레이아웃 자료로 사용할 수 있습니다. 그러나 일반적으로 이 방법은 div CSS 레이아웃 중 li의 전면 이미지 자료를 설정하는 데 사용되지 않습니다. 일반적으로 배경 이미지는 li로 직접 설정되므로 호환성이 더 좋고 제어하기 쉽습니다.

li의 기본 전면 스타일을 설정하기 위해 대부분 목록 스타일인 list-style-type 속성을 사용합니다.

2. 목록 스타일 유형의 값과 설명

직접 테스트하여 다양한 값의 효과를 확인할 수 있습니다.

매개변수:

목록 스타일이란 무엇을 의미합니까? 목록 스타일 스타일 속성에 대한 자세한 설명

3. 일반적인 레이아웃 관행

일반적으로 웹페이지 레이아웃을 시작할 때 주요 브라우저와 호환되도록 하려면 ul ol li 목록 스타일 목록을 제거해야 합니다. 목록 태그는 기본적으로 목록 스타일로 설정됩니다.

ul li ol의 목록 스타일 스타일 코드 취소:

ul,ol,li{list-style:none}
로그인 후 복사

웹 페이지에서 목록 앞에 점을 설정한 다음 li에 대한 배경 배경 이미지를 설정해야 합니다.

1 줄 높이는 24px입니다. 점 효과를 설정하기 위해 li 자신의 목록 스타일 유형을 사용하는 것은 어떻습니까?

다른 도트 효과와 왼쪽으로부터의 다른 거리를 피하기 위해 브라우저마다 특정 차이가 있기 때문에 목록 스타일 스타일이 균일하게 취소되고 배경 스타일이 레이아웃 구현에 재사용됩니다.

위는 목록 스타일 속성에 대한 자세한 설명에 대한 전체 소개입니다.

CSS3 튜토리얼목록 스타일이란 무엇을 의미합니까? 목록 스타일 스타일 속성에 대한 자세한 설명에 대해 더 알고 싶다면 PHP 중국어 웹사이트를 주목하세요.

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

관련 라벨:
원천:thinkcss.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿