CSSのボーダープロパティの使い方

css 境界線の定義と使用法

css border-style プロパティは、要素のすべての境界線のスタイルを設定したり、要素の境界線を設定したりするために使用されます。各辺の境界線のスタイルを個別に指定します。境界線は、この値が none でない場合にのみ表示されます。

#例 1

border-style:dotted solid double dashed;

上の境界線は点線です

右の境界線は実線です

下の境界線は二重線です

左の境界線は点線です

例 2

border-style:dotted solid double;

上の境界線は点線です

右の境界線と左の境界線は実線です

下の境界線は二重線です

例3

border-style:dotted solid;

上下の境界線は点線です

左右の境界線は実線です

例 4

border-style:dotted;

4 つの境界線はすべて点線です

インスタンス、4 つの境界線のスタイルを設定します

p
  {
  border-style:solid;
  }

ブラウザのサポート

すべてのブラウザは、border-style 属性をサポートします。

注: 属性値「inherit」または「hidden」は、Internet Explorer (IE8 を含む) のどのバージョンでもサポートされていません。

#可能な値

##説明

##最も予測不可能な境界線スタイルは二重です。これは、2 つの線の幅に、border-width 値に等しい 2 つの線の間のスペースを加えたものとして定義されます。ただし、CSS 仕様では、一方の線が他方の線よりも太いのか、両方の線が同じ太さであるべきなのか、また、線の間のスペースが線よりも太いのかどうかについては規定されていません。これらはすべてユーザー エージェントによって決定され、クリエイティブはこの決定に影響を与えません。

以上がCSSのボーダープロパティの使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。