∇ WEBプログラマー
便利帳
≫ CSS
HTML
CSS
*
*
*
総合サンプル
▼スポンサー広告
次の広告へ
☺
CSS
CSS
CSSとはHTMLと組み合わせて使用する言語です。
1・CSSの基本
(CSSの書き方)
2・CSSプロパティ
(目的別)
3・CSSプロパティ
(アルファベット順)
▼スポンサー広告
次の広告へ
☺
▼スポンサー広告
次の広告へ
☺
『
CSSプロパティ
(アルファベット順)
』
B
C
D
F
H
L
M
O
P
T
V
W
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
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
・
幅を指定する
(ボックス)
text-align
左右の配置を指定する(テキスト)
Internet Explorer1～
Firefox1～
Google Chrome1～
Opera1～
Safari1～
値
記入例
text-align :
値
;
始端に揃えられる。（初期値）
終端に揃えられる。
左端に揃えられる。
右端に揃えられる。
中央に配置される。
【 text-align 属性 】
・
[
]
※「ブロックボックス」のみ対応。「インラインボックス」の場合、[display:block;]または、[display:inline-block;]等のプロパティを追加する事で対応となる。
HTMLサンプルコード
※上記プロパティ値や下記のタグをクリックして、下のフォーム内に反映させて使用します。
表示結果
▼スポンサー広告
次の広告へ
☺
▼スポンサー広告
次の広告へ
☺