同類の複数プロパティをまとめて指定できるプロパティです。背景色やフォント、ボーダー、マージン、パディング、リストでまとめて指定できます。

CSSのプロパティには、よく似た種類によって、細かく分類されているものがあります。たとえば背景関連のスタイルには、背景色のbackground-color、背景画像のbackground-image、背景画像の位置のbackground-positionなどのプロパティがありますが、これらはbackgroundというショートハンドにまとめて指定することができます。

ショートハンドの種類と、まとめられるプロパティ

background

background-attachment,background-color
background-image,background-position
background-repeat

border

border-color,border-style,border-width

border-color

border-top-color,border-right-color
border-bottom-color,border-left-color

border-style

border-top-style,border-right-style
border-bottom-style,border-left-style

border-width

border-top-width,border-right-width
border-bottom-width,border-left-width

border-top

border-top-color,border-top-style
border-top-width

border-right

border-right-color,border-right-style
border-right-width

border-bottom

border-bottom-color,border-bottom-style
border-bottom-width

border-left

border-left-color,border-left-style
border-left-width

font

font-size,line-height,font-family,font-style
font-variant,font-weight

list-style

list-style-type,list-style-image
list-style-position

margin

margin-top,margin-right
margin-bottom,margin-left

padding

padding-top,padding-right
padding-bottom,padding-left

ショートハンドfontでの記述

ショートハンドfontで記述する場合、font-sizeとfont-familyの値を必ず含めるようにしましょう。