∇ WEBプログラマー便利帳

HTML CSS

総合サンプル

▼スポンサー広告

次の広告へ☺

CSSとはHTMLと組み合わせて使用する言語です。

▼スポンサー広告

次の広告へ☺

▼スポンサー広告

次の広告へ☺

『　

CSSプロパティ(目的別)

　』

ボックスレイアウト

border ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

線の太さや色、角丸を指定する

border-bottom ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

下線の太さや色、角丸を指定する

box-shadow ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

影やぼかしを指定する

display ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

様々な並び方を指定する

float ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

左右回り込みを指定する

height ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

高さを指定する

margin ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

外の余白を指定する

position ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

浮遊配置方法を指定する

width ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

幅を指定する

background・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

様々な背景を指定する

テキストレイアウト

color ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

色を指定する

font ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

まとめて指定する

font-weight ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

太さを指定する

line-height ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

行の高さを指定する

overflow・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

はみ出た部分を指定する

text-align ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

左右の配置を指定する

text-shadow ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

影を指定する

text-decoration ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

線や点滅を指定する

vertical-align ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

上下の配置を指定する

white-space ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

スペースや改行の表示方法を指定する

text-decoration

線や点滅を指定する(テキスト)

Internet Explorer1～

Firefox1～

Google Chrome1～

Opera6～

Safari1～

値

記入例

text-decoration :

値1

値2

値3

;

「text-decoration-line」プロパティの値となります。

「text-decoration-style」プロパティの値となります。

「text-decoration-color」プロパティの値となります。

【 text-decoration 属性】

・

text-decoration-line

[

テキストに傍線をつける

]

・

text-decoration-style

[

テキスト傍線のスタイルを指定する

]

・

text-decoration-color

[

テキスト傍線の色を指定する

]

HTMLサンプルコード

※上記プロパティ値や下記のタグをクリックして、下のフォーム内に反映させて使用します。

表示結果

▼スポンサー広告

次の広告へ☺

▼スポンサー広告

次の広告へ☺