CSS の境界線とアウトラインの違いを学ぶ

CSS 境界プロパティは、要素の境界プロパティを定義するために使用されます。これは、境界線の幅、境界線のスタイル、境界線の色の略称です。両側の境界線のスタイルを設定し、境界線の半径を指定できます。一方、

CSS アウトラインはスペースをとらず、設定されている場合は境界線の周囲に表示されます。オフセットに対応しています。さらに、個々のエッジにアウトラインを付けるかどうかを指定することはできません。

デフォルトでは、境界線とアウトラインは表示されません。

構文

CSS の境界線とアウトラインのプロパティの構文は次のとおりです。

Selector { border: /*value*/ outline: /*value*/ }

Example

次の例は、CSS の境界線とアウトラインのプロパティを示しています。

ライブ デモンストレーション

    
  
Example
 
This is it!
  

出力

これにより、次の出力が得られます。

#Example

ライブ デモンストレーション

    
  
Demo Heading
 
This is demo text surrounded by border and outline.
  

出力

これにより、次の出力が得られます-

以上がCSS の境界線とアウトラインの違いを学ぶの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。