∇ WEBプログラマー 便利帳 ≫ CSS
HTML CSS
*
▼スポンサー広告
次の広告へ☺
CSS CSS
CSSとはHTMLと組み合わせて使用する言語です。
1・CSSの基本
(CSSの書き方)
2・CSSプロパティ
(目的別)
3・CSSプロパティ
(アルファベット順)
▼スポンサー広告
次の広告へ☺
▼スポンサー広告
次の広告へ☺
『
CSSプロパティ(アルファベット順)
』
border ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
線の太さや色、角丸を指定する (ボックス)
border-bottom ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
下線の太さや色、角丸を指定する (ボックス)
box-shadow ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
影やぼかしを指定する (ボックス)
background・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
様々な背景を指定する(ボックス)
color ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
色を指定する (テキスト)
cursor・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
カーソルの形状を指定する(その他)
display ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
様々な並び方を指定する (ボックス)
float ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
左右回り込みを指定する (ボックス)
font ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
まとめて指定する (テキスト)
font-weight ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
太さを指定する (テキスト)
height ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
高さを指定する (ボックス)
line-height ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
行の高さを指定する (テキスト)
margin ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
外の余白を指定する (ボックス)
overflow・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
はみ出た部分を指定する(テキスト)
position ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
浮遊配置方法を指定する (ボックス)
text-align ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
左右の配置を指定する (テキスト)
text-shadow ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
影を指定する (テキスト)
text-decoration ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
線や点滅を指定する (テキスト)
vertical-align ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
上下の配置を指定する (テキスト)
white-space ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
スペースや改行の表示方法を指定する (テキスト)
width ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
幅を指定する (ボックス)
position
浮遊配置方法を指定する(ボックス)
Internet Explorer4～
Firefox1～
Google Chrome1～
Opera6～
Safari?～
値
記入例
position :
値
 ;
+
属性プロパティ
特に配置方法を指定しません。（初期値）
相対位置への配置となります。
絶対位置への配置となります。
絶対位置への固定配置となります。
【 position 属性 】
・
z-index
[
重なりの順序を指定する
]
・
top
[
上からの配置位置を指定する
]
・
bottom
[
下からの配置位置を指定する
]
・
left
[
左からの配置位置を指定する
]
・
right
[
右からの配置位置を指定する
]
様々な親要素に「position」プロパティに「relative」や「fixed」を記入する事で子要素の浮遊配置を指定することができます。

HTMLサンプルコード
※上記プロパティ値や下記のタグをクリックして、下のフォーム内に反映させて使用します。
表示結果

▼スポンサー広告
次の広告へ☺
▼スポンサー広告
次の広告へ☺