>웹 프론트엔드 >CSS 튜토리얼 >CSS 글꼴 크기 조정에서 슬래시(/)는 무엇을 의미하나요?

CSS 글꼴 크기 조정에서 슬래시(/)는 무엇을 의미하나요?

DDD
DDD원래의
2024-11-11 10:48:03610검색

What does the slash (/) mean in CSS font sizing?

슬래시를 사용한 CSS 글꼴 크기 조정: 구문 풀기

CSS에서 글꼴 속성은 슬래시가 포함된 구문을 허용할 수 있으므로 그 목적에 대한 의문이 제기됩니다. 이 표기법의 의미와 사용법을 자세히 살펴보겠습니다.

글꼴 크기 조정의 슬래시 구분 기호

글꼴 크기 조정 구문의 슬래시는 두 값을 구분합니다. 이는 두 가지 개별 속성인 글꼴 크기와 줄 높이의 사양을 나타냅니다. 슬래시 왼쪽과 오른쪽의 값은 각각 이러한 속성을 나타냅니다.

예를 들어 다음 CSS 선언은

font: 100%/120%;

다음과 같습니다.

font-size: 100%;
line-height: 120%;

전통적인 인쇄 표기법

이 표기법은 다음을 지정하는 전통적인 인쇄 관행에서 유래합니다. "x pt on y pt" 형식의 글꼴 크기 여기서 "x pt"는 글리프 높이를 나타내고 "y pt"는 행간으로 알려진 텍스트 줄 사이의 세로 간격을 나타냅니다.

CSS 글꼴 속성에서 슬래시 구분 기호를 허용하면 개발자가 이를 지정할 수 있습니다. 간결한 한 줄에 글꼴 크기와 줄 간격을 모두 포함해야 합니다.

유효한 사용법

글꼴이 단축 표기법을 사용하려면 글꼴 크기와 글꼴 모음을 모두 지정해야 합니다. 두 값 중 하나를 생략하면 잘못된 선언이 발생합니다. 예를 들어 다음은 유효한 사용법입니다.

font: 100%/120% serif;

위 내용은 CSS 글꼴 크기 조정에서 슬래시(/)는 무엇을 의미하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.