CSS3 글꼴 속성 분석 정보

글꼴 속성:

글꼴 계열: {글꼴 계열: 이름}

                                                      serif}

글꼴 크기: {글꼴 크기: 숫자 | 작은 | 큰 | xx 큰 | 길이 글꼴 스타일

: {글꼴 스타일: 일반 | 기울임체 | 기울임꼴 상속}

글꼴 두께

: {글꼴 두께: 100-900 더 굵게 | | 일반}

글꼴 변형

: {글꼴 변형: 일반 | 작은 대문자 | 상속}

글꼴 복합 속성 글꼴: {글꼴: 글꼴 스타일 글꼴 -variant 글꼴 무게 글꼴 크기 글꼴 계열}

글꼴 크기 및 글꼴 계열은 글꼴 속성에 고정된 순서로 나타나야 합니다. 글꼴 스타일, 글꼴 변형 및 글꼴 두께를 자유롭게 교환할 수 있습니다.

글꼴 색상: {색상: 이름 | rgb | hsl | rgba}

텍스트 고급 스타일

텍스트 그림자

: {text-shadow: 없음 | 없음 | 또는 없음 | -shadow에는 4개의 값이 있습니다. 첫 번째 값은 그림자의 수평 변위를 나타내며, 두 번째 값은 양수 또는 음수일 수 있습니다. 세 번째 값은 흐림 반경을 나타냅니다. 선택적인 그림자입니다. ;네 번째 값은 선택적인 그림자 색상 값을 나타냅니다.

오버플로 텍스트

text-overflow는 텍스트가 오버플로될 때 생략 표시를 표시할지 여부, 즉 텍스트를 생략하는 오버플로 방법을 정의하는 데 사용됩니다. 다른 스타일 속성 정의가 없습니다. 오버플로 시 타원을 생성하는 효과를 얻으려면 텍스트를 한 줄에 강제로 표시하고(white-space

:nowrap) 오버플로 내용을 숨기도록(over-flow:hidden) 정의해야 합니다. . {text-overflow: 클립 | 줄임표}

클립: 생략 표시(...)를 표시하지 않고 간단한 자르기 막대를 표시합니다(주요 브라우저에서 지원)

줄임표: 언제 개체의 텍스트가 넘치면 생략부호(...)가 표시됩니다(여자, Firefox는 지원하지 않습니다)

제어줄바꿈

word-wrap

: {word-wrap: Normal | break-word}Normal: 연속된 텍스트의 줄 바꿈을 제어합니다

Break-word: 내용이 경계 내에서 끊어집니다. , 단어 내에서 분리해야 하는 경우(word-break )를 구현할 수도 있습니다.

글꼴 크기를 변경하지 않고 유지

font-size-adjust

: {font- size-adjust: 없음 | 숫자}

없음: 기본값, 글꼴 순서의 각 글꼴이 자체 크기를 준수하도록 허용

숫자: 글꼴의 모든 글꼴에 대해 동일한 크기를 강제로 적용 순서

단락 속성:

단어 간격

단어 간격

: {단어 간격: 일반 | 길이}

문자 간격

문자- 간격

: {문자 간격: 보통 | 길이}

텍스트 장식텍스트 장식

: {텍스트 장식: 없음 | 밑줄 깜박임 | 🎜>

세로 정렬vertical-align: {vertical : 속성 값}

가로 정렬text-align: {text-align: sTextAlign}

텍스트 변환text-transform: {text -transform: 없음 | 대문자 | 소문자}

text-indenttext-indent: {text -indent: 길이}

텍스트 줄 높이line -height: {line-height: 일반 | 길이}

공백 처리: {white-space: 일반 | 사전 | 지금 랩 | 사전 줄 바꿈}텍스트 반전

unicode-bidi

및 방향

유니코드 -bidi: 일반 | bidi-override | 삽입}

방향: {방향: ltr | rtl |상속}

위 내용은 CSS3 글꼴 속성 분석 정보의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!