>웹 프론트엔드 >CSS 튜토리얼 >CSS 구문 매뉴얼(6) 분류 속성

CSS 구문 매뉴얼(6) 분류 속성

黄舟
黄舟원래의
2016-12-19 16:17:541574검색

1. 표시

기능: 요소의 표시값을 변경하고, 요소 유형의 라인, 블록, 목록 항목을 서로 변환할 수 있습니다.
값:
none - 요소를 표시하지 않음
block - 표시 차단, 요소 앞뒤에 줄 바꿈 설정
inline - 요소 앞뒤의 줄 바꿈을 삭제하고 요소에 병합 다른 요소의 흐름
list-item - 요소를 목록의 행으로 설정
설명: 표시 속성 값을 사용하여 삽입된 제목을 생성하고 목록을 추가하거나 그래픽을 온라인으로 표시할 수 있습니다.

2. 공백

기능: 요소 내 공백을 제어합니다.
값:
normal - 변경하지 않고 기본값을 유지하며 브라우저 페이지 길이에 맞춰 줄 바꿈합니다.
PRe - 문서 표시에 사용하려면 소스 코드의 형식이 필요합니다.
nowarp - 방문자가 요소 내에서 둘러싸는 것을 허용하지 마세요.

3. list-style-type

기능: 목록에 사용되는 강조 또는 번호 매기기 유형을 지정합니다.
값:
none - 강조 없음
disc - 디스크 강조 문자(단색 원)
원 - 원형 강조 문자(빈 원)
사각형 - 정사각형 강조 문자(단색)
십진수 - 소수 강조 문자
소문자 로마자 - 소문자 로마자 강조 기호
upper-roman - 대문자 로마 악센트 문자
lower-alpha - 소문자 악센트 문자
upper-alpha - 대문자 악센트 문자
예:

item1

item2

item3

4. list-style-image

기능: 목록의 표준 강조 문자를 선택한 그래픽
값으로 바꾸는 데 사용됩니다.
그래픽 없음
url - 그래픽 URL 주소
예:

item1

item2

item3

5.

기능: 강조의 들여쓰기 또는 늘이기 설정에 사용됩니다. 이 속성은 강조를 목록에서 돋보이게 하거나 목록 항목에 맞게 정렬할 수 있습니다.
값:
inside - 들여쓰기, 목록 항목 콘텐츠의 왼쪽 가장자리에 강조점 정렬
외부 - 늘이기, 목록 항목 콘텐츠의 왼쪽 가장자리 너머 강조점 강조

6. list-style

기능: 속성을 축약하고 모든 목록 속성을 하나의 명령문에 넣습니다.
값:
list-style-type
list-style-position
list-style-image
이러한 값의 세부정보는 개별 속성 섹션에 있습니다.
예:

item1

item2

item3

위 내용은 CSS 문법 매뉴얼(6)의 분류 속성 내용입니다. 관련 정보는 PHP 중국어 웹사이트(www.php.cn)를 팔로우하세요!


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.