[B! size][CSS3] nyappawebのブックマーク

nyappaweb id:nyappaweb

sizeとCSS3に関するnyappawebのブックマーク (2)

2/2 CSS3の新単位「rem」で文字サイズを分かりやすく指定 [ホームページ作成] All About
CSS3の新単位「rem」で文字サイズを分かりやすく指定(2ページ目)単位emや%を使って相対的に文字サイズを指定すると、複数のボックスを経由した先などでの表示サイズが把握しにくいことがあります。CSS3の新単位「rem」を使えば、常にルート要素の文字サイズが基準になるため、文字サイズを分かりやすく指定できます。 CSS3で新しく追加された単位「rem」は、ルート要素の文字サイズを基準にして、文字サイズを指定できる単位です。「ルート要素」とは、ソースの最も上位(基底)の要素のことで、HTMLでは「html要素」が該当します。右図のようにp要素を基準に考えると、div要素が「親要素」で、html要素が「ルート要素」です。 ※ルート要素は、「body要素」ではありませんので注意して下さい。この単位「rem」の記述方法は、従来からある単位「em」と同じです。基準となる要素が異なるだけです。
nyappaweb 2015/07/13
size

font

CSS3

サイズ
リンク
background-size－CSS3リファレンス
background-sizeプロパティは、背景画像のサイズを指定する際に使用します。長さやパーセンテージで指定する場合、値を２つ記述すると、それぞれ記述した順に幅と高さを表します。１つだけ指定した場合には、もう１つはautoと解釈されます。負の値を指定することはできません。 ■値 auto 自動的に算出される（初期値） contain 縦横比は保持して、背景領域に収まる最大サイズになるように背景画像を拡大縮小する cover 縦横比は保持して、背景領域を完全に覆う最小サイズになるように背景画像を拡大縮小する長さ背景画像の幅・高さを指定するパーセンテージ背景領域に対する背景画像の幅・高さのパーセンテージを指定する CSSソースは外部ファイル（sample.css）に記述 p.sample1 { width:300px; height:80px; padding:15px; bo
nyappaweb 2014/04/16
background

size

bg

css3

html

CSS
リンク
1