Vol. 10 – CSS 3 の新機能
- CSS 3 の新機能について
- セレクタ
- RGBA
- マルチカラムレイアウト
- マルチバックグラウンド
- ワードラップ
- テキストシャドー
Ex.) text-shadow: 2px 2px 5px #ff0000;
値は、[影の横(X軸)の距離] [影の縦(Y軸)の距離] [ぼかし] [色] になります。
- @font-face 属性
- 角丸ボックス
Ex.) border-radius: 5px;
- ボーダーイメージ
- ボックスシャドー
Ex.) box-shadow: 2px 2px 5px #ff0000;
値は、[影の横(X軸)の距離] [影の縦(Y軸)の距離] [ぼかし] [色] になります。
- ボックスサイジング
Ex.) box-sizing: content-box;
content-box にすると、border や padding を除いた値で width や height を指定でき、border-box にすると、border と padding を含めた値で width や height を指定できます。
- メディアクエリ
- スピーチ
- XHTML 2 が終了して HTML 5 一本化に
- スマートフォンのほとんどが Flash 10 対応に
コメントを残す