∇ WEBプログラマー便利帳

HTML CSS

総合サンプル

▼スポンサー広告

次の広告へ☺

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

▼スポンサー広告

次の広告へ☺

▼スポンサー広告

次の広告へ☺

『

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

・

幅を指定する (ボックス)

white-space

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

Internet Explorer1～

Firefox1～

Google Chrome1～

Opera6～

Safari1～

値

記入例

white-space :

値

;

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

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

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

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

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

【 white-space 属性】

・

[

]

HTMLサンプルコード

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

表示結果

▼スポンサー広告

次の広告へ☺

▼スポンサー広告

次の広告へ☺