CSS 단락 속성에 대한 자세한 설명

CSS는 웹페이지를 정적으로 수정할 수 있을 뿐만 아니라 다양한 스크립트 언어와 협력하여 웹페이지의 다양한 요소 형식을 동적으로 지정할 수도 있습니다. CSS는 웹 페이지의 요소 위치 레이아웃에 대해 픽셀 수준의 정밀한 제어를 수행할 수 있고 거의 모든 글꼴 크기 스타일을 지원하며 웹 페이지 개체 및 모델 스타일을 편집할 수 있습니다. 이 문서에서는 CSS 단락 속성에 대한 자세한 설명을 공유합니다.

CSS를 사용하면 단어 간격, 문자 간격, 텍스트 수정, 세로 배열, 텍스트 변환, 텍스트 배열, 텍스트 들여쓰기 및 줄 높이 등을 포함한 단락 속성을 제어할 수도 있습니다.

1.1 Word-spacing

문법:

word-spacing: 값

설명:

값에 일반 또는 길이 값을 사용할 수 있습니다. Normal은 보통의 간격을 말하며 기본 옵션이며, 길이는 단어 간격을 설정하는 값과 단위이며, 음수 값도 사용할 수 있습니다.

1.2 문자 간격

간격을 사용하여 문자 사이의 간격을 제어합니다.

구문: ​​

letter-spacing: value

1.3 텍스트 장식 text-장식

텍스트 장식 속성을 사용하여 밑줄 설정, 취소선 설정 등 텍스트를 수정합니다.

문법:

text-꾸밈: 값

설명:

none은 장식이 없음을 의미하며, 이는 기본값입니다. 밑줄은 텍스트에 밑줄을 긋는 것을 의미합니다. 텍스트에 취소선이 표시되면 깜박임은 텍스트 깜박임 효과를 나타냅니다.

1.4 수직 정렬 bertical-align

수직 정렬을 사용하여 텍스트의 수직 정렬을 설정합니다.

구문: ​​

vertical-align: 배열 값

설명:

vertical-align에는 다음 값이 포함됩니다.

baseline: 브라우저의 기본 수직 정렬

sub: 텍스트의 아래 첨자; 텍스트 위 첨자

top: 위쪽에 수직으로 정렬

text-top: 요소와 상위 요소의 글꼴을 위쪽으로 정렬

middle: 가운데에 수직으로 정렬; 요소와 상위 요소 글꼴은 아래쪽으로 정렬됩니다.

1.5 Text-transform

text-transform 속성은 영문자의 대소문자를 변환하는 데 사용됩니다.

문법:

text-transform: 값 변환

설명:

text-transform에는 다음 값이 포함됩니다.

none: 원래 값을 사용함을 의미합니다.

capitalize: 각 단어의 첫 글자를 사용함을 의미합니다. 대문자 ;

대문자: 각 단어의 모든 문자를 대문자로 사용함을 의미합니다.

소문자: 각 단어의 모든 문자를 소문자로 사용함을 의미합니다.

1.6 가로 정렬 text-align

은 텍스트를 사용하여 설정할 수 있습니다. align 속성 텍스트의 가로 정렬입니다.

구문:

text-align: 정렬 값

설명:

수평 정렬 값에는 왼쪽, 오른쪽, 가운데, 양쪽 맞춤이 포함됩니다.

1.7 text-indent

HTML에서는 단락의 전체 오른쪽 들여쓰기만 제어할 수 있지만, 설정하지 않으면 브라우저는 기본적으로 들여쓰기 없음을 제어할 수 있습니다. 단락의 들여쓰기. 첫 번째 줄의 들여쓰기와 들여쓰기의 거리입니다.

구문:

text-align: indent value

1.8 Text line-height

텍스트 line-height 속성을 사용하여 단락의 줄 사이의 거리를 제어합니다.

구문:

text-align: 줄 높이 값

설명:

줄 높이 값은 길이, 배수 또는 백분율이 될 수 있습니다.

1.9 빈 공백 처리

white-space 속성은 빈 페이지 콘텐츠의 처리 방법을 설정하는 데 사용됩니다.

구문:

white-space: 공백 값

설명:

공백에는 3개의 값이 포함되며, 그 중 일반은 기본 속성이고, pre는 소스 코드의 공백과 줄 바꿈을 유지하며, nowrap은 모든 텍스트를 동일한 줄에 표시하도록 합니다.

1.10 텍스트 역방향 유니코드-비디, 방향

유니코드-비디, 방향 속성은 객체의 읽기 순서를 설정하기 위해 종종 함께 사용됩니다.

1.unicode-bidi 속성

구문:

unicode-bidi:bidi-override |normal| embed

설명:

unicode-bidi 속성 값에서 bidi-override는 엄격하게 의미합니다. 에 따라 방향 속성의 값이 재배열됩니다. 표준은 기본값으로 표현됩니다. embed는 객체가 추가 임베딩 레이어를 열고 방향 속성의 값이 임베딩 레이어를 지정하고 객체 내에서 암시적 재배치를 수행함을 나타냅니다. .

2.direction 속성

구문:

unicode: lir |rtl| acquire

설명:

direction 속성 값에서 ltr은 왼쪽에서 오른쪽으로 읽는다는 의미입니다. 오른쪽에서 읽기 왼쪽에서 왼쪽 순서로 읽는다는 것은 텍스트 스트림의 값을 상속받을 수 없음을 의미합니다.

위 내용은 CSS 단락 속성에 대한 자세한 설명이므로 모든 분들께 도움이 되기를 바랍니다.

관련 권장사항:

CSS로 사다리꼴 탭 페이지를 구현하는 방법

CSS 그리드 레이아웃 샘플 코드

CSS 콘텐츠 속성에 대한 자세한 설명

위 내용은 CSS 단락 속성에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!