일반적으로 사이트 작성자는 맞춤법 규칙과 자신의 기본 설정에 따라 대문자와 소문자를 결정합니다. 그러나 속성을 사용하여 문자의 대소문자를 변경하는 프로세스를 자동화할 수 있습니다. 텍스트 변환. 이 속성은 4가지 값을 가질 수 있습니다.
- 없음 - 텍스트가 변경되지 않고 작성됩니다.
- 대문자로 쓰다- 각 단어는 대문자로 시작합니다.
- 소문자 - 모든 문자가 소문자가 됩니다(소문자).
- 대문자- 모든 문자는 대문자(대문자)가 됩니다.
예를 들어, 다음 규칙은 H1 제목이 대문자여야 한다고 지정합니다.
H1(텍스트 변환: 대문자;)
약어, 요소명, 표제 등에 대한 자동 대소문자 변경을 설정하면 편리합니다. 텍스트 요소, 대문자 또는 소문자로 작성하려는 위치.
텍스트 장식: text-decoration 속성
재산 텍스트 장식텍스트 추가 디자인을 설정할 수 있습니다. 이 속성의 값은 상수입니다 없음, 밑줄, 밑줄, 선 통과그리고 깜박거리다, 일반 텍스트를 표시하거나 텍스트 위, 아래 또는 텍스트 사이에 선을 그리거나 텍스트를 깜박이게 할 수 있습니다. 이 속성의 다른 값을 사용하는 예는 그림 11.4에 나와 있습니다.
쌀. 11.4.
속성의 가장 일반적인 적용 텍스트 장식기본 링크 밑줄을 변경하는 것입니다. 예를 들어 다음 규칙은 링크에 밑줄을 긋도록 지정합니다.
A:링크(텍스트 장식: 밑줄;)
단어 간격: 단어 간격 속성
텍스트에서 단어 사이의 간격을 설정하려면 word-spacing 속성을 사용하십시오. 이 속성의 값은 다음을 사용하여 설정할 수 있습니다. 예어 normal 은 기본값이며 현재 글꼴의 표준 간격을 설정합니다. 간격을 설정하려면 표준 값 외에 사용 가능한 CSS 단위로 값을 지정할 수 있으며 값은 음수일 수 있습니다.
따라서 다음 규칙은 H1 표제에서 단어 사이의 간격을 1em만큼 늘립니다.
H1(단어 간격: 1em;)
텍스트 정렬: text-align 속성
정렬은 텍스트 블록의 왼쪽 또는 오른쪽 가장자리를 보이지 않는 부분을 따라 배치하는 것을 말합니다. 수직선. 텍스트를 정렬하는 데 사용됩니다. 텍스트 속성-맞추다 . 유효한 값이 속성의 왼쪽, 오른쪽, 중심 및 양쪽 맞춤은 각각 왼쪽, 오른쪽, 중심 및 양쪽 정렬을 지정합니다.
다음 규칙은 DIV 요소 내에 포함된 모든 요소의 중앙 정렬을 설정합니다.
DIV(텍스트 정렬: 가운데;)
행간: line-height 속성
행간은 간격이 촘촘한 선의 기준선 사이의 거리입니다. 일반적인 상황에서 줄 간격은 글꼴의 유형과 크기에 따라 달라지며 브라우저에서 자동으로 결정됩니다. 그러나 이 값은 line-height 속성을 사용하여 변경할 수 있습니다. normal의 기본값은 브라우저가 자동으로 줄 간격을 계산하도록 합니다. 0보다 큰 숫자는 현재 텍스트의 글꼴 크기의 승수로 간주됩니다. CSS에서 허용되는 모든 길이 단위를 이 속성의 값으로 사용할 수도 있습니다. 글꼴 높이가 100%인 경우 백분율 표기법을 사용할 수도 있습니다. 음수 줄 간격은 허용되지 않습니다.
문자 간격: 문자 간격 속성
브라우저는 글꼴 크기와 유형에 따라 문자 간격을 자동으로 선택합니다. 경우에 따라 문자 사이의 간격을 수정해야 합니다. 문자 간격 속성은 문자 간격을 제어하는 데 사용됩니다. 이 속성의 값으로 모든 CSS 길이 단위를 사용할 수 있지만 글꼴 크기(em 및 ex)에 따라 상대적 단위를 사용하는 것이 좋습니다. 같지 않은 줄 간격, letter-spacing 속성은 음수 값을 허용하지만 이 경우 텍스트의 가독성을 유지해야 합니다.
다음 규칙은 H1 헤더의 문자 사이의 간격을 0.5em 늘립니다.
기준 치수 CSS 텍스트소스에서 형식이 지정된 변환 및 줄 바꿈을 제어하는 CSS 기능에 대해 설명합니다. 다양한 속성 CSS는 대소문자 변환, 공백 처리, 하이픈 넣기 규칙, 텍스트 및 줄 바꿈, 정렬, 간격 및 들여쓰기에 대한 제어를 제공합니다.
텍스트의 기본 단위는 문자입니다. 그러나 쓰기 체계가 항상 기본적인 영어 알파벳만큼 단순하지는 않기 때문에 실제로 어떤 문자가 사용되는지는 해당 용어가 사용되는 문맥에 따라 다릅니다. 예를 들어, 한국어 표기법에서 음절의 각 정사각형 표현(예: 한 = 한)은 문자로 간주될 수 있습니다. 그러나 정사각형 기호는 실제로 음소를 나타내는 여러 문자로 구성되며(예: ㅎ = h, ㅏ = a, ㄴ = n) 이들 각각도 기호로 간주될 수 있습니다.
1. 텍스트 변환: text-transform 속성
text-transform 속성은 텍스트의 스타일을 지정합니다. 기본 콘텐츠에 영향을 미치지 않으며 일반 텍스트 복사 및 붙여넣기 작업의 콘텐츠에 영향을 주지 않아야 합니다.
속성이 상속됩니다.
통사론
텍스트 변환: 없음; 텍스트 변환: 대문자; 텍스트 변환: 대문자; 텍스트 변환: 소문자; 텍스트 변환: 상속; 텍스트 변환: 초기;
2. 공백 및 줄 바꿈 처리: 공백 속성
공백 속성은 요소 내에서 단어 사이의 공백과 줄 바꿈을 처리합니다.
속성이 상속됩니다.
| 여백 | |
|---|---|
| 값: | |
| 정상 | 기본값. 단어 사이에는 하나의 공백만 삽입되고 추가 공백은 삭제됩니다. 텍스트는 필요할 때만 줄바꿈합니다. |
| 지금 랩 | 적용된 경우를 제외하고 줄 바꿈을 비활성화합니다. . |
| 미리 | 텍스트의 공백은 무시되지 않으며 브라우저는 추가 공백과 줄 바꿈을 표시합니다. |
| 미리 포장하다 | 필요한 경우 줄 바꿈을 만들어 텍스트의 공백을 유지합니다. |
| 사전 라인 | 제거 여분의 공간, 경우를 제외하고 . |
| 여백 | 동작은 다음을 제외하고 pre-wrap 과 동일합니다. 제거할 수 없는 공백의 시퀀스는 줄 끝을 포함하여 항상 공백을 차지합니다. 줄 바꿈의 가능성은 공백 사이를 포함하여 제거할 수 없는 각 공백 뒤에 존재합니다. |
| 초기의 | |
| 상속하다 | |
통사론
공백: 정상; 공백: nowrap; 공백: 사전; 공백: 사전 포장; 공백: 사전 라인; 공백: 공백; 공백: 상속; 공백: 이니셜;
3. 탭 설정: tab-size 속성
tab-size 속성은 TAB 키로 얻은 들여쓰기의 양을 변경하는 데 사용됩니다. 세 가지 pre-line , normal 또는 nowrap 공백 속성 값 중 하나가 설정되면 속성 값은 무시됩니다.
요소에 대해서만 작동 '); }); } } }); })(jQuery);