半角スペース区切り
- ショートハンド記法
- 例
margin: 16px 0 64px;
- 例
border: 1px solid #555;
- 例
@-
規則での条件指定- 例
@media screen and (min-width:480px) { ... }
- 例
@supports not (display: grid) { ... }
- 例
コンマ区切り
rgb
やmax
などの関数表記法- 例
color: rgb(240, 255, 248);
- 例
- フォントの指定
- 例
font-family: "Open Sans", sans-serif;
- 例
- セレクタで、複数に同じスタイルを適用したい時
- 例
l_flex, l_inline_flex { align-items: center; }
- 例
スラッシュ区切り
ショートハンドの一部は、スラッシュで区切ります。
background
プロパティで背景サイズを指定する時- 背景の位置指定の直後にスラッシュ、その直後に背景サイズ指定をします
- 例
background: repeat-y center / 30% url(/favicon.ico);
font
プロパティで行間を指定する時- フォントサイズ指定の直後にスラッシュ、その直後に行間指定をします
- 例
font: 18px / 2 "Helvetica Neue", Arial, sans-serif;
参考リンク