CSS-アウトラインカラースタイル

説明

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

可能な値

none -アウトラインは描画されません。
dotted -アウトラインは一連のドットとして描画されます。
破線-アウトラインは一連の短い線分として描かれます。
solid -アウトラインは単一の切れ目のない線として描画されます。
double -アウトラインは、切れ目のない線のペアとして描画されます。
溝-文書の表面に刻まれた溝のように輪郭が描かれます。
ridge -輪郭は、ドキュメントの表面を押し上げる隆起のように描画されます。
インセット-要素全体がドキュメントの表面をユーザーから遠ざけているように、アウトラインが描画されます。
outset -要素全体がドキュメントの表面をユーザーに向かって押しているように、アウトラインが描画されます。

に適用されます

すべてのHTML要素。

DOM構文

object.style.outlineStyle = "solid";

例

ここに例があります-

<html>
   <head>
   </head>

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

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

      <p style = "outline-width:5px;outline-style:dotted;">
         This text is having 5x dotted outline.
      </p>

   </body>
</html>

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

Css-outline-style

目次

CSS-アウトラインカラースタイル

説明

可能な値

に適用されます

DOM構文

例