CSS - FONT 심화 속성

js·2022년 4월 8일
0

CSS 이론

목록 보기
2/2

font-variant: 작은 대문자와 일반 글꼴 사이를 전환합니다.

font-kerning: 글꼴 커닝 옵션을 켜고 끕니다.

font-feature-settings: 다양한 스위치 오픈타입 글꼴 기능을 켜고 끕니다.

font-variant-alternates: 주어진 글꼴에 대한 대체 글리프의 사용을 제어합니다.

font-variant-caps: 대체 대문자 글리프의 사용을 제어합니다.

font-variant-east-asian: 일본어 및 중국어와 같은 동아시아 스크립트에 대한 대체 글리프의 사용을 제어합니다.

font-variant-ligatures: 텍스트에 사용되는 합자 및 컨텍스트 형식을 제어합니다.

font-variant-numeric: 숫자, 분수 및 서수 마커에 대한 대체 글리프의 사용을 제어합니다.

font-variant-position: 위 첨자 또는 아래 첨자로 배치된 더 작은 크기의 대체 글리프 사용을 제어합니다.

font-size-adjust: 실제 글꼴 크기와 별도로 글꼴의 시각적 크기를 조정합니다.

font-stretch: 주어진 글꼴의 가능한 대체 확장 버전 간에 전환합니다.

text-underline-position: text-decoration-line속성 underline값을 이용하여 설정한 밑줄의 위치를 지정합니다 .

text-rendering: 일부 텍스트 렌더링 최적화를 수행해 보십시오.

😎 text-indent: 텍스트 내용의 첫 줄 시작 전에 수평 공간을 얼마나 남겨야 하는지 지정합니다.

text-overflow: 표시되지 않는 오버플로 콘텐츠가 사용자에게 어떻게 신호되는지 정의합니다.

😎 white-space: 요소 내부의 공백 및 관련 줄 바꿈을 처리하는 방법을 정의합니다.

😎 word-break: 단어 내에서 줄 바꿈 여부를 지정합니다.

direction: 텍스트 방향을 정의합니다(이는 언어에 따라 다르며 일반적으로 HTML이 해당 부분을 텍스트 내용과 연결되어 있으므로 처리하도록 하는 것이 좋습니다.)

hyphens: 지원되는 언어에 대해 하이픈 넣기를 켜고 끕니다.

line-break: 아시아 언어의 줄바꿈을 완화하거나 강화합니다.

text-align-last: 강제 줄 바꿈 직전의 블록이나 줄의 마지막 줄을 정렬하는 방법을 정의합니다.

text-orientation: 줄에서 텍스트의 방향을 정의합니다.

😎 overflow-wrap: 오버플로를 방지하기 위해 브라우저가 단어 내에서 줄을 깰 수 있는지 여부를 지정합니다.

😎 writing-mode: 텍스트의 행을 가로 또는 세로로 배치할지 여부와 다음 행이 흐르는 방향을 정의합니다
참고

띄어쓰기:  

white-space: 줄바꿈 처리에 관한 속성 참고

text-transform: 대소문자로 변경

0개의 댓글