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

silencement
リリース: 2019-05-29 09:15:04
オリジナル
3575 人が閲覧しました

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 を含む) のどのバージョンでもサポートされていません。

#可能な値

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

##説明

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート