コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > css border-bottom (下枠のスタイル、幅、色を指定します)

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

WBOY
リリース： 2016-09-21 13:56:03
オリジナル
3650 人が閲覧しました

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

border-bottom: 値

ボーダーボトムスタイル:値;

border-bottom-color: 値;

ボーダー下幅:値;

例:

border-bottom: 実線 1px #ffff00;

border-bottom-style: オフセット;

ボーダーボトムカラー: #0000ff;

border-bottom-width:15px;

border-bottom属性は、下枠のスタイル、幅、色を指定するために使用され、値は半角スペースで区切られており、順序はありません。

border-bottom属性のstyleの値はedgeのstyleを参照してください。エッジ幅の数値詳細はエッジ幅を参照してください。

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

  • border-bottom-color: 下の境界線の色
  • border-bottom-style: ボトムラインのスタイル
  • border-bottom-width: 下の境界線の幅
border-bottom 値とその説明
属性 値 説明
ボーダーボトム しっかり 下のエッジは実線です
その他の値には、溝、点線などが含まれます。詳細については、エッジのスタイルを参照してください。
1px 下端の幅
数値単位はpx以外にも任意の幅を表現できます
詳細は数値+単位を参照してください
キーワードを使用して指定します。シン（薄い）、ミディアム（普通）、シック（厚い）
#ff0000 下端の色
カラーコードを使用して特定の色を示すことに加えて、エッジを透明として指定することもできます:transparent

例

cssファイル

リーリー

上記CSSファイルにリンクされたHTMLファイル

リーリー

参考文献: http://www.manongjc.com/article/1190.html

関連ラベル：
css border-bottom（指定下边线的样式、宽度及颜色）
ソース：php.cn
前の記事：JQueryを使用したHTMLトラバーサル機能の選択 次の記事：onclick タグが小さな手の形に変わります
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2255
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2392
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
2005
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1892
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1957
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート