CSS省略スタイル - CSSの正しい書き方 | CSS Radar
CSS省略スタイル - CSSの正しい書き方 2. CSS省略スタイルを活用して、短く、楽に書く p { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; } marginやpadding、border-widthなどボックスディメンション系のスタイルでは、それぞれtop、right、bottom、leftと4つのプロパティを上記の様に指定しても、 p { margin: 10px; } このように、1行で指定しても、同じ意味となる。 4行のコードがたった一行。 私は非常に面倒くさがりなので、楽をすることにかけてはどんな苦労もいとわない。 そんな私のような人間にはぴったりなCSS省略スタイルについて紹介しよう。 さて、それでは、 p { margin: 10px 20px 30px
CSSでカラムのheightを合わせる | CSS Radar
CSSでカラムのheightを合わせる Tableレイアウトをしていた時代に簡単にできたことがCSSでできない。 いまだにフルCSSへ移行できないという場合によくあるのが、複数カラムを採用する場合のそれぞれのカラムの高さが同じにならないこと。 Tableレイアウトでは、基本的にはTDの高さはもっとも高いTDに合わせるという状態なので、とくに意識せずとも実現できたが、CSSではそうはいかない。 CSSでカラムheightを合わせる方法 通常CSSでは左図のように、mainカラムとsidebarカラムの高さは合わない。それぞれのカラムがもつ内容がそれぞれのカラムの高さを決めるからだ。 通常であれば、それぞれの高さが異なっていても気にならないが、背景画像がある場合や、カラムごとに異なる背景色を敷いている場合などレイアウトの基本構造的に「ケツをあわせ」ないと気になる。 まずはHTMLから <d
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
