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

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

DDD
發布: 2024-11-11 10:48:03
原創
600 人瀏覽過

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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板