このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

outline-color:輪郭線の色

記事Apr. 17th,2021
輪郭線の色を指定するプロパティ
この記事はCSS3に対応しています。
この記事はCSS3に対応しています。

プロパティについて

概要

初期値 outline-color: invert;
適用対象 すべての要素
継承 しない
パーセント値 パーセント値は指定できません
計算値 invert”の場合は指定されたキーワード、<color>”値の場合はcolor”プロパティと同じ
アニメーション 一括指定が対象とする各プロパティの定義に依る

outline-color”プロパティは要素の輪郭線の色を指定するプロパティです。

サンプルコード

div { outline-color: rgb(168,214,105);}

説明
<color> rgb()”関数や16進数カラーコード、カラーネームなどで輪郭線の色を指定
invert 背景の反転色 (ユーザー・エージェントはこの値を無視することができ、この場合の既定値は“currentColor”です。)
共通キーワード

仕様書

Level 1 Level 2 Level 3 Level 4
勧告(REC) 勧告(REC) 勧告(REC) 作業草稿(WD)
outline-color
定義なし

定義あり

定義あり

定義あり
Level 1 Level 2 Level 3 Level 4
勧告(REC) 勧告(REC) 勧告(REC) 作業草稿(WD)
<color>
定義なし

定義あり

定義あり

定義あり
invert
定義なし

定義あり

定義あり

定義あり

使用例

輪郭線の色を指定する

div {
outline-style: solid;
outline-width: 5px;
outline-color: rgb(168,214,105);
}
outline-color: rgb(168,214,105);

背景の反転色で描画する

div {
outline-style: solid;
outline-width: 5px;
outline-color: invert;
}
outline-color: invert;
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク