Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[WEB DESIGN] CSS Shorthand Guide – CSSのショートハンド記述のススメ

  • Pocket
  • このエントリーをはてなブックマークに追加

CSSをショートハンドで記述するためのガイド。ショートハンドというのは簡単に言えば、プロパティの値をまとめ書きする事。コツさえつかんでしまえば個別に指定(例えばpadding-leftとか)するよりもサクっと書ける上に、CSSの行数減らしにも効くので便利です。
ちなみにショートハンド記述のできるCSSのエレメントは、margin、padding、border、background、fontの5つ。マージンとパディングについては、上下左右の指定は上を起点とした時計回りと覚えましょう(例えば0, 10px, 5px, 20pxなら、上0、右10px、下5px、左20px)。

2 thoughts on “[WEB DESIGN] CSS Shorthand Guide – CSSのショートハンド記述のススメ”

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください