ショートハンド

プロパティの値をまとめて書く

一部のプロパティの値はまとめて書くことができます。この書き方を「ショートハンド」と言います。

ショートハンドで書けるプロパティ

• margin
• padding
• border
• background
• font

詳細は以下。

margin & padding

margin: 10px;/*上下左右*/
margin: 10px 20px;/*上下、左右*/
margin: 10px 20px 30px;/*上、左右、下*/

border

border: 2px solid #006699;

background

background: url(./back.gif) no-repeat right bottom #003366;

background-positionに当たる値はX（横）軸→Y（縦）軸の順で書くこと。

font

font: style variant weight size/height family の順

順番は上記の通りでないといけません。sizeとfamilyの値は必須。

例

font: italic normal bold 14px/1.6 Verdana, sans-serif;