outline-color

アウトラインの色を指定します。

※アウトラインとは要素の輪郭を表すものです。ボーダーと違って、要素の配置や余白に影響を与えません。

ブラウザ

O7 / O9 / Fx2 / IE5 mac

書式

要素[.class名][#id名]{ outline-color : 値; }

▲PageTop

指定できる値

値	初期値	意味
16進数表記・色名		指定したカラーコード・色名が背景色になります。
invert	○	背景色を反転させた色になります。
inherit		親要素の値を継承します。

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
    <style type="text/css">
      #sample1 {
        outline-color : #ccffcc;
        outline-style : solid;
      }
      #sample2 {
        outline-color : invert;
        outline-style : solid;
      }
    </style>
  </head>
  <body>
    <p id="sample1">outline-color : #ccffcc</p>
    <br>
    <p id="sample2">outline-color : invert</p>
  </body>
</html>

表示結果

outline-color : #ccffcc

outline-color : invert

▲PageTop

outline-color

ブラウザ

書式

指定できる値

サンプル

ソースコード

表示結果

関連項目

CSS