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

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

DDD
풀어 주다: 2024-11-11 10:48:03
원래의
600명이 탐색했습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿