Heim > Artikel > Web-Frontend > Was ist das Attribut des CSS-Doppelstrichs unten?

Was ist das Attribut des CSS-Doppelstrichs unten?

青灯夜游Original: 2022-05-18 18:14:541981Durchsuche

Css unterer Doppelstrich ist das Attribut „border-bottom-style“, mit dem der Stil des unteren Rands des Elements festgelegt wird. Wenn der Attributwert auf „double“ gesetzt ist, kann ein doppelter durchgezogener Rand hinzugefügt werden am unteren Rand des Elements, d. h. Doppelstrich-Syntax „border-bottom-style:double“.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Der CSS-Doppelstrich unten ist das Attribut „border-bottom-style“.

Das Attribut „border-bottom-style“ wird verwendet, um den Stil des unteren Rands des Elements festzulegen.

Wenn der Wert dieses Attributs auf „double“ festgelegt ist, kann am unteren Rand des Elements ein doppelter durchgezogener Rahmen hinzugefügt werden um einen Doppelstricheffekt zu erzielen.

Beispiel:

<!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>

Was ist das Attribut des CSS-Doppelstrichs unten?

Erklärung: Zusätzlich zu double hat der Wert des border-bottom-style-Attributs auch:

valueErklärungnoneGeben Sie keine Grenzen an hidden ist dasselbe wie „none“. Außer bei Anwendung auf Tabellen, bei denen „hidden“ zur Lösung von Randkonflikten verwendet wird. gepunkteter RandGepunkteten Rand angebengestrichelter RandGepunkteter Rand angebendurchgezogener Rand Definition Doppellinie. Die Breite der Doppellinie entspricht dem Wert von border-width ridge definiert einen dreidimensionalen Diamantrand. Der Effekt hängt vom Wert von border-color ab. inset definiert einen dreidimensionalen konkaven Rand. Der Effekt hängt vom Wert von border-color ab. outset definiert einen dreidimensionalen konvexen Rand. Der Effekt hängt vom Wert von „border-color“ ab

Das obige ist der detaillierte Inhalt vonWas ist das Attribut des CSS-Doppelstrichs unten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

html5 css css3 double border

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Welche Eigenschaften werden zum Ausblenden in CSS verwendet?Nächster Artikel：Welche Eigenschaften werden zum Ausblenden in CSS verwendet?

In Verbindung stehende Artikel

Mehr sehen