ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS border-bottomの使い方を詳しく解説

CSS border-bottomの使い方を詳しく解説

巴扎黑
リリース: 2017-06-28 14:12:02
オリジナル
7871 人が閲覧しました

border-bottom (下の線のスタイル、幅、色を指定します)


border-bottom: 値;

border-bottom-style: 値;

border-bottom-color: 値;

border-bottom-width: 値;

など:

border-bottom: Solid 1px #ffff00;

border-bottom-style: outset;

border-bottom-color: #0000ff;

border-bottom-width:15px;

border-bottom

属性は、下枠のスタイル、幅、色を指定するために使用され、値は半角スペースで区切られます。 border-bottom属性のstyleの値については、edgeのstyleを参照してください。エッジ幅の数値詳細はエッジ幅を参照してください。

下枠のスタイル、幅、色をそれぞれ指定する場合は、次の属性を使用します:

  • border-bottom-color: 下枠の色

  • border-bottom-style:下の境界線のスタイル

  • border-bottom-width: 下の境界線の幅

border-bottomの値とその説明Attributesborder-bottomsolidその他の値には、溝、点線などが含まれます。詳細については、エッジのスタイルを参照してください。 1px枠の幅を表すには数値を使用します。数値単位にはpxの他にemやexも含まれます。詳しくは数値を参照してください。 +単位#ff0000特定の色をカラーコードで表現する他、境界線は透明、つまり透明として指定することもできます:
Value Description
下のエッジは実線です
下枠の幅キーワードで指定
細(細い)、中(普通)、太(太い)

下枠の色

以上がCSS border-bottomの使い方を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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