English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS 참조 매뉴얼

CSS @규칙(RULES)

CSS 속성 전체

CSS3 font-size-adjust 속성 사용 방법 및 예제

font-size-adjust CSS 속성은 글자 대소문자의 높이 대신 소문자의 높이를 기준으로 글자 크기를 선택해야 한다고 지정합니다.

그때font-family저자가 지정한 기본 설정이 사용할 수 없을 때,字体는 되돌아가며, 이는字体 크기가 커지거나 작아질 수 있습니다. font-size-adjust 속성은 텍스트의 읽기 가능성을 유지하는 방법 중 하나입니다. 이는字体 크기를 조정하여 이루어지며, 어떤字体를 사용하든지 상관없이,x-height모두 같습니다.

아래 표는 이 속성의 사용 설명과 버전 기록, 그리고javascript 스크립트에서 이 속성의 사용 문법을 설명합니다.

기본 값:none
적용 대상:
모든 요소. 이는 ::first에도 적용됩니다.-letter와::first-line。
thừa kế:
애니메이션 가능:는.다음을 참조하세요: 애니메이션 속성
버전: CSS3의 새 기능
JavaScript 문법:object.style.fontSizeAdjust="0.58"

font-size-adjust 사용 문법

이 속성의 문법은 다음과 같습니다:

font-size-adjust: number | none | initial | inherit

아래 예제는 font-size-adjust 속성

p {
    font-family: "DejaVu Sans", Arial, sans-serif;
    font-size-adjust: 0.6;
}
테스트를 보세요‹/›

속성 값

아래 표는 이 속성의 값을 설명합니다。

설명
number글꼴의 aspect 값 비율을 정의합니다. 사용할 수 있는 공식: 선호하는 글꼴의 글꼴 크기 * (font-size-adjust 값 / 사용할 수 있는 글꼴의 aspect 값)= 사용할 수 있는 글꼴의 글꼴 크기 예시: 만약 14px의 Verdana(aspect 값은 0.58)사용할 수 없지만, 사용할 수 있는 글꼴의 aspect 값은 0.46그렇다면 글꼴의 크기 대신 14 * (0.58/0.46) = 17.65px.
none이는 기본 값입니다. 글꼴 크기를 조정하지 않습니다. 단순히font-size속성이 선택된 글꼴의 크기를 지정합니다。
initial이 속성을 기본 값으로 설정합니다。
inherit지정된 경우, 관련 요소는 부모 요소 font-size-adjust 속성 값。

브라우저 호환성

font-size-adjust 대부분의 브라우저에서 이 속성을 지원하지 않습니다。

  • Firefox 3+

  • Google Chrome×

  • Internet Explorer ×

  • Apple Safari ×

  • Opera ×

경고:font-size-경고: adjust 대부분의 브라우저에서 이 속성을 지원하지 않습니다. 이 속성을 사용하는 것을 피하시는 것이 좋습니다。

더 읽기

다음 튜토리얼을 참조하세요:CSS 글꼴CSS 단위CSS 가상 요소

관련 속성과 규칙:fontfont-familyfont-sizefont-stretchfont-stylefont-variantfont-weight@font-face