>웹 프론트엔드 >CSS 튜토리얼 >CSS 문법 매뉴얼 (2) 텍스트 속성

CSS 문법 매뉴얼 (2) 텍스트 속성

黄舟
黄舟원래의
2016-12-19 16:11:351493검색

1. 글자 간격

기능: 텍스트 요소의 글자 간격을 제어합니다. 설정된 간격은 요소 전체에 적용됩니다.
값:
normal - 보통 간격, 모든 글꼴 및 크기에 대해 문자 사이의 간격을 보통 간격으로 재설정합니다.
길이 - 단어 간격의 길이를 설정합니다. 양수 값은 상위 요소에서 상속된 일반 길이를 더하는 것을 의미하고, 음수 값은 일반 길이를 빼는 것을 의미합니다. 숫자 뒤의 측정 단위는 mm, cm, in, pt(포인트), px(픽셀), pc(피카), ex(소문자 x 높이), em(대문자 M 너비)과 같이 지정합니다.
예:


Letter-Spacing

2. line-height

기능: 텍스트의 줄 간격을 설정합니다. 요소.
값:
normal - 보통 높이, 일반적으로 글꼴 크기의 1~1.2배(기본 설정)입니다.
숫자 - 요소의 각 텍스트 줄 사이의 거리를 글꼴 크기에 이 숫자를 곱하여 설정합니다. 예를 들어 글꼴 크기가 10포인트이고 줄 높이가 2로 설정된 경우 간격은 20포인트가 됩니다.
길이 - 표준 측정 단위로 간격을 설정합니다. 일부는 절대값, 일부는 상대값입니다. 자세한 내용은 문자 간격을 참조하세요.
백분율 - 간격을 글꼴 크기의 백분율로 설정합니다.


예: 첫 번째 줄입니다.

두 번째 줄입니다.

세 번째 줄입니다.

3. 텍스트 정렬

기능: 요소 상자에서 텍스트를 가로로 정렬합니다.
값:
왼쪽 - 왼쪽 정렬
오른쪽 - 오른쪽 정렬
중앙 - 가운데
정렬 - 균등하게 분포, 동일한 길이의 줄 생성
예:


왼쪽으로

가운데

오른쪽으로

4. 텍스트 장식

기능: 텍스트 장식, 사용 텍스트 요소에 사용되는 제어 효과. 특히 주의를 끄는 지침, 경고 및 기타 텍스트 효과에 적합합니다.
값:
없음 - 텍스트 수정 없음, 기본 설정입니다.
밑줄 - 밑줄.
윗줄 - 윗줄.
라인 스루(line-through) - 라인을 통과하여 공격합니다.
깜박임 - 깜박임.
동일한 구문에 여러 키워드를 결합할 수 있습니다.
예:


밑줄

윗줄

5. 텍스트 들여쓰기

기능: 텍스트 들여쓰기 , 단락의 첫 줄을 들여쓰는 데 사용됩니다.
값:
길이 - 첫 번째 줄 들여쓰기의 크기를 지정된 측정 단위로 설정합니다. 일부 단위는 상대적이고 일부는 문자 간격 속성에 대한 설명을 참조하세요.
퍼센트 - 첫 번째 줄 들여쓰기 양을 줄 길이의 백분율로 설정합니다.
예:


문단의 첫 번째 줄을 들여쓰는 데 사용되는 텍스트 들여쓰기입니다.

6. text-transform

기능: 하나 또는 여러 요소의 대문자 사용 기준을 설정합니다.
값:
none - 텍스트의 대문자나 소문자를 변경하지 마세요.
capitalize - 요소에 있는 각 단어의 첫 글자를 대문자로 표시합니다.
대문자 - 모든 텍스트를 대문자로 설정합니다.
소문자 - 모든 텍스트를 소문자로 설정합니다.
예:


텍스트 변환 예.

텍스트 변환 예

텍스트 변환 예.

7. 수직 정렬

기능: 수직 정렬.
값:
baseline - 두 요소를 정렬하는 소문자 기준선입니다.
하위 - 아래 첨자.
super - 윗첨자.
top - 위쪽 정렬입니다.
text-top - 텍스트 상단 정렬.
중간 - 정중선 정렬.
하단 - 최종선 정렬.
text-bottom - 글자의 아래쪽 줄을 정렬합니다.
Percent - 상위 요소의 기준선을 기준으로 온라인 요소의 기준선을 특정 비율만큼 높이거나 낮추며, 요소의 line-height 속성과 함께 사용됩니다.
예:


a1x2

8. 단어 간격

기능: 텍스트 요소의 단어 간격을 제어합니다. . 설정한 간격은 전체 요소에 적용되며 단어 사이에 더 크거나 작은 간격을 삽입할 수 없습니다.
값:
보통 - 보통 간격.
길이 - 길이가 양수이면 상위 요소에서 상속된 일반 길이를 더하고, 음수이면 뺍니다.
예:


단어 간격 예

위 내용은 CSS 문법 매뉴얼(2) 텍스트 속성의 내용입니다. PHP 중국어 홈페이지(www.php.cn)를 주목해주세요


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