×

[PR]この広告は3ヶ月以上更新がないため表示されています。
ホームページを更新後24時間以内に表示されなくなります。

outline-color 【アウトラインの色】

[IE5] [Fx2] [Op7]

outline-colorプロパティは、アウトラインの色を指定する際に使用します。輪郭線を表示させる場合には、必ずoutline-styleの値を変えましょう。

borderプロパティと違って、上下左右に独立した指定をする事は出来ません。

色で指定する
16進数やredなどのカラーコードで指定します。

invert
地の色を反転させた色になります。

outline-colorの使用例

CSSファイル

.sample001 {
 outline-color: #000000;
 outline-style: solid;
 margin: 20px 10px;
}
.sample002 {
 outline-color: #ff9999;
 outline-style: dashed;
 margin: 20px 10px;
}
.sample003 {
 outline-color: #9999ff;
 outline-style: outset;
 margin: 20px 10px;
}

HTMLソース

<p class="sample001">アウトラインカラーサンプル</p>
<p class="sample002">アウトラインカラーサンプル</p>
<p class="sample003">アウトラインカラーサンプル</p>

表示すると

アウトラインカラーサンプル

アウトラインカラーサンプル

アウトラインカラーサンプル

アウトライン関連項目

outline アウトラインのスタイル・太さ・色を指定する 
outline-color アウトラインの色を指定する 
outline-style アウトラインのスタイルを指定する 
outline-width アウトラインの太さを指定する 

戻る

TOP

WEB SEARCH
MENU
CONTENTS
digilog.TOP
digilog.HTML
digilog.CSS
digilog.SEO
digilog.img