よく使用される CSS 略語の構文概要_CSS/HTML

略語を使用すると、CSS ファイルのサイズが小さくなり、読みやすくなります。 CSS の略語の主なルールは次のとおりです:

カラー

16 進数のカラー値は、各 2 桁の値が同じ場合、たとえば次のように半分に短縮できます。
#000000 は #000 に短縮でき、#336699 は #369 に短縮できます。

ボックスサイズ

通常、次の 4 つの書き方があります:

• property:value1; すべてのエッジの値が value1 であることを意味します。
• property:value1 value2; 上下の値が value1、左右の値が value2 であることを意味します。
• property:value1 value2 value3; 上の値が value1、右と左の値が value2、下の値が value3 であることを意味します
• property:value1 value2 value3 value4; 4 つの値は順に上、右、下、左を表します

時計回り、右上、左下と覚えておくと便利です。マージンとパディングの具体的な適用例は次のとおりです。
margin:1em 0 2em 0.5em;

ボーダー幅:1px;
• ボーダースタイル:ソリッド;
• ボーダーカラー:#000;

構文は

です。 背景

背景のプロパティは次のとおりです:

背景画像:url(background.gif);
• 背景リピート:リピートなし;
• 背景添付:修正済み;
• 背景位置:0 0
は、次の 1 つの文に短縮できます。background:#f00 url(background.gif) no-repeat fixed 0 0;

background:color imagerepeatattachmentposition;

です。 1 つ以上の属性値を省略できます。省略した場合、属性値にはブラウザのデフォルト値が使用されます。

色: 透明

リピート: リピート
• 添付ファイル: スクロール
• 順位: 0% 0%
• フォント

フォントスタイル:斜体;

フォントの太さ:太字;
• フォントサイズ:1em;
• 行の高さ:140%;
• フォントファミリー:"Lucida Grande"、サンセリフ
• は 1 つの文に省略できます: font:italic small-caps ball 1em/140% "Lucida Grande",sans-serif;

と記述します。

リストスタイルタイプ: 正方形;

リストスタイルイメージ:url(image.gif);
• は、list-style:square inside url(image.gif);
という 1 つの文に短縮できます。