>웹 프론트엔드 >CSS 튜토리얼 >CSS 글꼴 속기에서 슬래시는 무엇을 의미합니까?

CSS 글꼴 속기에서 슬래시는 무엇을 의미합니까?

DDD
DDD원래의
2024-12-03 07:12:10885검색

What Does the Forward Slash Mean in CSS Font Shorthand?

CSS 글꼴 약어: 슬래시의 의미 풀기

CSS 글꼴 약어 속성을 사용하면 글꼴 속성 선언을 단일로 압축할 수 있습니다. 선. 그런데 두 값을 구분하는 슬래시(/)는 무엇을 의미합니까?

질문:

다음 CSS에서:

font: 12px/18px ...

무엇을 합니까? 값 "12px" 및 "18px" 나타내시겠습니까?

답변:

슬래시는 두 가지 고유한 글꼴 속성을 구분하는 시각적 표시기 역할을 합니다.

  • 12px : 개인의 키를 나타내는 글꼴 크기입니다. 문자.
  • 18px: 텍스트 줄 사이의 세로 간격을 정의하는 줄 높이입니다.

설명:

이 구문은 글꼴 크기와 줄 높이를 지정하는 데 사용되는 인쇄 표기법에서 파생됩니다. 이를 단일 단축 선언으로 결합하면 위 줄은 다음과 같습니다.

font-size: 12px;
line-height: 18px;

줄 높이가 상대 값(예: 백분율 또는 ems)으로 설정된 경우 글꼴을 기준으로 계산됩니다. size.

이 구문은 글꼴 단축 속성에만 적용되며 개별 글꼴 속성과 함께 사용할 수 없습니다. 이 약칭을 활용하는 개발자는 속성을 별도로 지정하는 수고를 덜고 편리하다는 것을 알게 될 것입니다.

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

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