1. ホーム
  2. css

[解決済み] cssのフォントサイズ14px/26pxってどうなってるの?

2022-02-15 15:12:48

質問

他の人のCSSをチェックしていたら、見たことのないことをやっているのに気づきました...。

body {font:14px/26px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif}

14px/26pxは何のためにあるのでしょうか?ググってみても何も出てこないようです。

どのように解決するのですか?

CSS 2.1 仕様によると font ショートハンドレッドプロパティ

15.8 短縮形フォントプロパティ:'font'プロパティ

'フォント'
値です。 [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ]でなければならない。| キャプション|アイコン|メニュー|メッセージボックス|スモールキャプション|ステータスバー|継承

最初の値は font-size の値であり、2番目の値は line-height の値です。

そこで font: 14px/26px ... を意味します。

font-size: 14px;
line-height: 26px;
font-family: ...