Css-outline-color

提供:Dev Guides
移動先:案内検索

CSS-アウトライン色

説明

_outline-color_プロパティは、要素の周囲のアウトラインの色を設定します。

可能な値

  • color -有効な色の値。
  • invert -アウトラインは、描画された領域の色反転を実行します。

に適用されます

すべてのHTML要素。

DOM構文

object.style.outlineColor = "red";

ここに例があります-

<html>
   <head>
   </head>

   <body>
      <p style = "outline-width:thin; outline-style:solid;outline-color:red">
         This text is having thin solid red  outline.
      </p>
      <br/>

      <p style = "outline-width:thick; outline-style:dashed;outline-color:#009900">
         This text is having thick dashed green outline.
      </p>
      <br/>

      <p style = "outline-width:5px;outline-style:dotted;outline-color:rgb(13,33,232)">
         This text is having 5x dotted blue outline.
      </p>

   </body>
</html>

これにより、次の結果が生成されます–