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

CSSのoutline-widthプロパティ


アウトライン幅 プロパティは、アウトラインの幅を設定するために使用されます。その値は、長さ、または値の1つである必要があります thin、medium、 または厚い 、border-width属性と同じです。

<html>
   <head>
   </head>
   <body>
      <p style = "outline-width:thin; outline-style:solid;">
         This text is having thin outline.
      </p>
      <br />
      <p style = "outline-width:thick; outline-style:dashed;">
         This text is having thick outline.
      </p>
      <br />
      <p style = "outline-width:5px; outline-style:dotted;">
         This text is having 5x outline.
      </p>
   </body>
</html>

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

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

  2. CSSのoutline-widthプロパティ

    overlay-widthプロパティは、要素の境界の周りに特定の太さの線を描画するように定義できますが、borderプロパティとは異なり、アウトラインは要素の寸法の一部ではありません。 構文 CSSのoutline-widthプロパティの構文は次のとおりです- Selector {    outline-width: /*value*/ } 注- アウトラインスタイルプロパティは、アウトライン幅を宣言する前に定義する必要があります。 アウトライン幅プロパティの例を見てみましょう- 例 <!DOCTYPE html> <html> <hea