简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ > ウェブフロントエンド > フロントエンドQ&A > 本文

CSS下部のダブルストロークの属性は何ですか？

青灯夜游
リリース： 2022-05-18 18:14:54
オリジナル
2082 人が閲覧しました

cssの下部の二重線は「border-bottom-style」属性です。この属性は、要素の下枠のスタイルを設定するために使用されます。属性値が「double」に設定されている場合、要素の下部に二重ソリッドを追加できます。線の境界線、つまり二重ストローク効果。構文「border-bottom-style:double」。

CSS下部のダブルストロークの属性は何ですか？

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

css の下部の二重ストロークは「border-bottom-style」属性です。

border-bottom-style 属性は、要素の下の境界線のスタイルを設定するために使用されます。

この属性の値が "double" に設定されている場合、二重実線を要素の下部に追加できます。つまり、二重ストローク効果を実現します。

例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			p.double {
				border-bottom-style: double;
			}
		</style>
	</head>
	<body>
		<p>无边界。</p>
		<p class="double">双线底边界。</p>
	</body>
</html>
ログイン後にコピー

CSS下部のダブルストロークの属性は何ですか？

説明:

double に加えて、border-bottom の値-style 属性もあります:

##noneno を指定します。 borderhidden 「なし」と同じ。ただし、テーブルに適用される場合は例外で、境界線の競合を解決するために非表示が使用されます。 #点線#点線の境界線を指定##点線の境界線を指定 (学習ビデオ共有: css ビデオ チュートリアル 、

ウェブフロントエンドCSS下部のダブルストロークの属性は何ですか？)

以上がCSS下部のダブルストロークの属性は何ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
css css3
ソース：php.cn
前の記事：CSSで非表示にするために使用されるプロパティは何ですか 次の記事：CSSでoddを使用できますか?
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1335
ページが突然 CSS またはブートストラップを取得できなくなります それで、私はページを開発しています。昨日その一部を実行してうまくいきました。そして今日は残りの作業を続けましたが、すべてがうまくいきました。通常の HTML ページとして開こうとす...
から 2024-04-06 21:58:04
0
1
800
Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...
から 2024-04-06 20:57:16
0
1
487
CSS でフローティング要素を水平ではなく垂直にスタックするにはどうすればよいですか? 片側にメインコンテンツ、もう一方に追加コンテンツがある 2 つの列を持つ Web ページを作成しようとしています。ただし、float プロパティを使用して追加の列を左に揃えているた...
から 2024-04-06 20:45:26
0
2
386
他の CSS コードに関係なく、フレックスボックス内のテキストを強制的に垂直方向の中央に配置する方法はありますか? 開発中の Web サイトで使用されている大規模な CSS コードの一部である次の CSS コードがあります。 }.card-u{margin:20px;padding:20px;w...
から 2024-04-06 20:41:51
0
1
518
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！
#ValueDescription
##破線
#solid実線の境界線を指定します
groove二重線を定義します。二重線の幅は、border-width
ridge の値に等しく、3 次元のひし形の境界線を定義します。効果は、3 次元の凹型境界線を定義する border-color
inset の値によって異なります。効果は、border-color の値によって異なります。
#outset 3 次元の凸状の境界線を定義します。効果は、border-color の値によって異なります。 
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			p.dotted {
				border-bottom-style: dotted;
			}

			p.dashed {
				border-bottom-style: dashed;
			}

			p.solid {
				border-bottom-style: solid;
			}

			p.groove {
				border-bottom-style: groove;
			}

			p.ridge {
				border-bottom-style: ridge;
			}

			p.inset {
				border-bottom-style: inset;
			}

			p.outset {
				border-bottom-style: outset;
			}
		</style>
	</head>

	<body>
		<p class="dotted">点底边界。</p>
		<p class="dashed">虚线底边界。</p>
		<p class="solid">实线底边界。</p>
		<p class="groove">凹槽底边界。</p>
		<p class="ridge">垄状底边界。</p>
		<p class="inset">嵌入底边界。</p>
		<p class="outset">外凸底边界。</p>
	</body>
</html>
ログイン後にコピー