글꼴 속성:
글꼴 계열: {글꼴 계열: 이름}
serif}
글꼴 크기: {글꼴 크기: 숫자 | 작은 | 큰 | xx 큰 | 길이 글꼴 스타일
: {글꼴 스타일: 일반 | 기울임체 | 기울임꼴 상속}: {글꼴 두께: 100-900 더 굵게 | | 일반}: {글꼴 변형: 일반 | 작은 대문자 | 상속}글꼴 복합 속성 글꼴: {글꼴: 글꼴 스타일 글꼴 -variant 글꼴 무게 글꼴 크기 글꼴 계열}
글꼴 크기 및 글꼴 계열은 글꼴 속성에 고정된 순서로 나타나야 합니다. 글꼴 스타일, 글꼴 변형 및 글꼴 두께를 자유롭게 교환할 수 있습니다. 글꼴 색상: {색상: 이름 | rgb | hsl | rgba}텍스트 고급 스타일텍스트 그림자
: {text-shadow: 없음 |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 | 삽입}
위 내용은 CSS3 글꼴 속성 분석 정보의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
