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

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으로 문의하세요.
Google 글꼴을 태그하고 Goofonts.com을 작성한 방법Google 글꼴을 태그하고 Goofonts.com을 작성한 방법Apr 12, 2025 pm 12:02 PM

Goofonts는 개발자 부인과 디자이너 남편이 서명 한 사이드 프로젝트로, 둘 다 타이포그래피의 큰 팬입니다. 우리는 Google에 태그를 지정했습니다

시대를 초월한 웹 개발 기사시대를 초월한 웹 개발 기사Apr 12, 2025 am 11:44 AM

Pavithra Kodmad

섹션 요소와의 거래섹션 요소와의 거래Apr 12, 2025 am 11:39 AM

두 기사가 정확히 같은 날에 출판되었습니다.

JavaScript API 상태로 GraphQL 쿼리를 연습하십시오JavaScript API 상태로 GraphQL 쿼리를 연습하십시오Apr 12, 2025 am 11:33 AM

GraphQL API를 구축하는 방법을 배우는 것은 매우 어려울 수 있습니다. 그러나 10 분 안에 GraphQL API를 사용하는 방법을 배울 수 있습니다! 그리고 그것은 완벽하게 얻었습니다

구성 요소 수준 CMS구성 요소 수준 CMSApr 12, 2025 am 11:09 AM

구성 요소가 데이터를 쿼리하는 환경에 거주하면 근처에 사는 경우 시각적 구성 요소와

오프셋 경로로 원에 유형을 설정하십시오오프셋 경로로 원에 유형을 설정하십시오Apr 12, 2025 am 11:00 AM

여기 Yuanchuan의 합법적 인 CSS 속임수입니다. 이 CSS 속성 오프셋 경로가 있습니다. 옛날 옛적에, 그것은 모션 경로라고 불렸다가 이름이 바뀌 었습니다. 나

CSS에서 '리버 트'는 무엇을합니까?CSS에서 '리버 트'는 무엇을합니까?Apr 12, 2025 am 10:59 AM

Miriam Suzanne 은이 주제에 대한 Mozilla 개발자 비디오에서 설명합니다.

현대 애호가현대 애호가Apr 12, 2025 am 10:58 AM

나는 이런 것들을 좋아한다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

WebStorm Mac 버전

WebStorm Mac 버전

유용한 JavaScript 개발 도구

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

Dreamweaver Mac版

Dreamweaver Mac版

시각적 웹 개발 도구

mPDF

mPDF

mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.

Atom Editor Mac 버전 다운로드

Atom Editor Mac 버전 다운로드

가장 인기 있는 오픈 소스 편집기