CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSアウトラインスタイルのプロパティ

アウトラインスタイル プロパティは、要素を囲む線のスタイルを指定します。次のいずれかの値を取ることができます-

  • なし- 境界はない。 （outline-width：0に相当;）
  • 堅実- アウトラインは1本の実線です。
  • 点線- アウトラインは一連のドットです。
  • 破線- アウトラインは一連の短い線です。
  • ダブル- アウトラインは2本の実線です。
  • 溝- アウトラインはページに刻まれているように見えます。
  • 尾根- 輪郭は溝の反対に見えます。
  • 挿入図- アウトラインを使用すると、ボックスがページに埋め込まれているように見えます。
  • 最初- アウトラインを使用すると、ボックスがキャンバスから出てきているように見えます。
  • 非表示- なしと同じ。
例 次のコードを実行してoutline-styleを実装してみてください。 プロパティ-

<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>

  1. CSSのアウトラインスタイルのプロパティ

    アウトラインスタイルプロパティは、要素の境界線の周りに線を引くように定義できますが、境界線プロパティとは異なり、アウトラインは要素の寸法の一部ではありません。 構文 CSSのoutline-styleプロパティの構文は次のとおりです- Selector {    outline-style: /*value*/ } 例 アウトラインスタイルの例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>CSS outline-style</title> <st

  2. CSSのShorthandプロパティの概要

    アウトラインの省略形プロパティは、要素の境界の周りに特定のスタイル（必須）、太さ、色の線を描画するように定義できますが、アウトラインは、境界プロパティとは異なり、要素の寸法の一部ではありません。 構文 CSSアウトラインShorthandプロパティの構文は次のとおりです- Selector {    outline: /*value*/ } 例 概要の速記の例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>CSS outline Shorthand</titl