「HTML5／CSS3」を編集中 (節単位)

==新プロパティ==
いくつかの実装の進んでいないプロパティは以下のように先頭にベンダープリフィックスをつけたプロパティを併記する必要があるので注意。<br>
'''-moz-プロパティ:'''<br>
'''-webkit-プロパティ:'''<br>
<br>
'''・background:rgba(R,G,B,a);'''
<p>バックカラーをRGBで指定できるようになり、かつ不透明度（値は1.0～0.0）も指定できるようになった。</p>

'''・opacity:a;'''
<p>こちらはボックス全体の不透明度を指定する。バックカラーだけでなくテキストなどの包含要素も影響する。値は同じく1.0～0.0。</p>

'''・text-shadow:x y z c;'''
<p>文字通りテキストにシャドウを付ける。xにはX方向のズレ、yにはY方向のズレ、zにはぼかし距離を、それぞれpx単位の値で指定する。cにはシャドウの色を16進数で指定する。</p>

'''・box-shadow:x y z c;'''
<p>こちらはボックスにシャドウを付ける。値の指定方法は text-shadow と同様。
また、このプロパティはベンダープリフィックスが必要となる。</p>

'''・border-radius:r;'''
<p>ボックスに角丸を作ることができる。rには角丸の半径をpxで指定。親要素の背景が画像の場合、角丸部分が白抜けになってしまうことがあるので注意。<br>
また、このプロパティもベンダープリフィックスが必要となる。</p>

'''・background-image:linear-gradient();'''
<p>ボックスの背景色にグラデーションをつけられる。<br>-moz-と-webkit-で記述法が異なっていたが、2011年初頭頃からwebkitがmozに合わせる形で統一された。<br>
しかし、古いwebkit系ブラウザ（Android2.1の「ブラウザ」など）では統一前の記述でなければ効かないため、両方の記述を併記する必要があるので注意。<br>
［基本（統一後）］<br>
background-image:-moz（webkit）-linear-gradient(グラデ方向, 開始色, 終了色);<br>
グラデ方向はtopで縦方向、leftで横方向。色は16進数で指定する。<br>
［旧webkit］<br>
background-image:-webkit-gradient(linear, 開始位置, 終了位置, color-stop(位置, 色), color-stop(位置, 色));<br>
グラデ方向は開始位置と終了位置の関係で決まる。<br>
縦グラデ：left top, left bottom　横グラデ：left top, right top　斜めグラデ：left top, right bottom<br>
color-stopは、開始色と終了色が必要になるため最低2つは必要で、中間で色を変えたりする場合には3つ以上に増やすことも可能。<br>
位置には0～100%（開始が0で終了が100）、色は16進数で指定する。</p>

'''・transform:動作(値);'''
<p>要素の位置移動、拡大縮小、回転、ねじれを指定できる。動作によって値の指定方法が異なるので注意。<br>
位置移動：動作＝translate、値＝X方向の距離, Y方向の距離<br>
拡大縮小：動作＝scale、値＝X方向への倍率, Y方向への倍率（0.1～1.0）<br>
回転：動作＝rotate、値＝回転角度（単位はdeg、マイナスで反時計回り）<br>
ねじれ：動作＝skew、値＝X軸の傾斜角度, Y軸の傾斜角度</p>