用例 |
用途 |
関連項目 |
@charset "shift_jis"; |
シフトジスCodeで書いてあると知らせます。 |
|
@import url("style0.css"); |
ネストする、ファイル名を指定します。 |
|
/*-- コメント --*/ |
コメント範囲 |
|
align: left; |
画像の回りこみ指定 |
|
background-color: silver; |
枠線を表示 |
|
用例 |
用途 |
備考 |
align: left; |
画像の回りこみ指定 |
align:right; |
background-color: silver; |
背景色を設定 |
HTMLならbgcolor |
border:1px black solid; |
枠線を表示 |
黒色1px、実線 |
border-bottom:1px solid black |
枠線の内、下線を表示 |
下線のみ表示、widthと組み合わせる |
border-left:6px solid red |
枠線の内、左線を表示 |
赤色、6pxを指定、border:solid 1px #aaaaaa; |
color:red |
テキストカラーを指定 |
color:#ff0000の方が一般的か? |
clear: both; |
回り込みを解除する |
claer:all |
display:block; |
ブロック要素に変換します |
spanに指定する |
float: left; |
文字枠の回り込み指定 |
|
font-size:26px |
文字のサイズを指定 |
|
font-weight: 800; |
文字の太さを指定 |
|
height:100px; |
枠の高さを指定 |
|
width:30%; |
枠の幅を指定 |
|
line-height:130%; |
文字の間隔を指定 |
|
margin-left:2%; |
文字枠の外に余白を設定 |
margin-top:10px;、margin:10px; |
padding:2%; |
文字枠の内に余白を設定 |
padding-left:40px;、padding-top:15px; |
text-align:left; |
文字の表示を左寄せ |
|
position:absolute; |
表示位置の絶対位置設定 |
top:200px; left:10px |
z-index: -1; |
表示順を指定 |
レイヤー指定 |
|
|
|