ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSでソリッドとは何を意味しますか

CSSでソリッドとは何を意味しますか

青灯夜游
リリース: 2021-11-02 14:49:37
オリジナル
20162 人が閲覧しました

Solid は「実線」を意味し、「実線」を意味する css border-style 属性の属性値です。border-style 属性の値を「solid」に設定すると、実線の枠線を定義できます。

CSSでソリッドとは何を意味しますか

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

CSSでソリッドとは何を意味しますか

solid は CSS の border-style 属性の属性値で、実線を表します。border-style 属性の値を次のように設定します。 "solid" 実線の境界線を定義できます。

div{
	border-style: solid;
}
ログイン後にコピー

CSSでソリッドとは何を意味しますか

この方法で設定された境界線はデフォルトの境界線の幅と色になっているため、見栄えが良くない可能性があります。border-width と border-color を使用して変更できます。

div{
	border-style: solid;
	border-width: 1px;
	border-color: red;
}
ログイン後にコピー

CSSでソリッドとは何を意味しますか

説明:

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

border-style 属性に設定できる値:

## none 境界線を定義しません。 hidden 「なし」と同じ。ただし、テーブルに適用される場合は例外で、境界線の競合を解決するために非表示が使用されます。 点線点線の境界線を定義します。ほとんどのブラウザでは実線として表示されます。 dashed破線を定義します。ほとんどのブラウザでは実線として表示されます。 solid実線を定義します。 #doublegrooveridgeinsetアウトセット各値の効果:
Value Description
二重線を定義します。二重線の幅は、border-width の値と同じです。
3D 溝の境界線を定義します。効果はborder-colorの値によって異なります。
3D 尾根の境界を定義します。効果はborder-colorの値によって異なります。
3D 差し込み枠を定義します。効果はborder-colorの値によって異なります。
3D アウトセット境界線を定義します。効果はborder-colorの値によって異なります。

CSSでソリッドとは何を意味しますか (学習ビデオの共有:

css ビデオ チュートリアル

)

以上がCSSでソリッドとは何を意味しますかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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