首頁 >web前端 >css教學 >CSS 字體大小中的斜線 (/) 是什麼意思?

CSS 字體大小中的斜線 (/) 是什麼意思?

DDD
DDD原創
2024-11-11 10:48:03611瀏覽

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

使用斜線調整CSS 字體大小:解析語法

在CSS 中,font 屬性可以接受包含斜線的語法,這引發了對其用途的疑問。讓我們深入研究這個表示法的意思和用法。

字體大小調整中的斜線分隔符號

字體大小調整語法中的斜線分隔兩個值。它表示兩個獨立屬性的規格:字體大小和行高。斜槓左邊和右邊的數值分別代表這些屬性。

例如,以下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