∇ 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 ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・

・

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

white-space

スペースや改行の表示方法を指定する(テキスト)

Internet Explorer1～

Firefox1～

Google Chrome1～

Opera6～

Safari1～

値

記入例

white-space :

値

;

スペース無視。改行をスペースとして表示。ボックスサイズに合わせて改行する。（初期値）

スペースや改行をそのまま表示。ボックスサイズが指定されている場合にも自動改行しない。

スペース無視。改行をスペースとして表示。ボックスサイズが指定されている場合にも自動改行しない。

スペースや改行をそのまま表示。ボックスサイズに合わせて改行する。

スペースを無視。改行はそのまま表示。ボックスサイズに合わせて改行する。

【 white-space 属性】

・

[

]

HTMLサンプルコード

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

表示結果

▼スポンサー広告

次の広告へ☺

▼スポンサー広告

次の広告へ☺