web-dev-qa-db-ja.com

このサイズはcss {font:14px / 24px Arial、Helvetica、sans-serif}で何を意味しますか

ここで14px/24pxとは何ですか?実際のフォントサイズはどれですか?

26
Andrey

これは、フォント関連のさまざまなプロパティの省略形です。その意味は:

font-size: 14px;
line-height: 24px;

font-family: Arial, Helvetica, sans-serif

参照: http://www.impressivewebs.com/css-font-shorthand-property-cheat-sheet/

enter image description here

34
thirtydot

最初はfont-size 2番目はline-height

フォントの省略表現の仕様 からの引用

'font'
値:[[<'font-style'> || <'font-variant'> || <'font-weight'>]? <'font-size'> [/ <'line-height'>]?<'font-family'>] |キャプション|アイコン|メニュー|メッセージボックス|小さなキャプション|ステータスバー|受け継ぐ

4

これは

#html{
    font-size:14px;
    line-height:24px;
    font-family: Arial, Helvetica, sans-serif;
}
2