Heim >Web-Frontend >Front-End-Fragen und Antworten >Kann ich die Anzeige gepunkteter Linien in CSS steuern?

Kann ich die Anzeige gepunkteter Linien in CSS steuern?

青灯夜游Original: 2022-09-14 14:16:292356Durchsuche

Sie können die Anzeige gepunkteter Linien in CSS steuern. In CSS können Sie das Attribut „border-style“ verwenden, um den gestrichelten Rahmenstil festzulegen. Sie müssen dem Element nur den Stil „border-style:dashed;“ hinzufügen Elementrahmen. Wenn der Wert „gestrichelt“ ist, können Sie den gepunkteten Rahmenstil definieren.

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

Sie können die Anzeige gepunkteter Linien in CSS steuern, indem Sie einfach das Attribut „border-style“ verwenden. Das Attribut „border-style“ wird verwendet, um den Stil des Elementrahmens festzulegen. Wenn der Wert „dashed“ ist, kann der Stil des gestrichelten Rahmens definiert werden.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style type="text/css">
			p.dashed {
				border-style: dashed
			}
			
			p.solid {
				border-style: solid
			}
		</style>
	</head>

	<body>

		<p class="dashed">这是虚线边框样式！</p>

		<p class="solid">这是实线边框样式！</p>

	</body>

</html>

Kann ich die Anzeige gepunkteter Linien in CSS steuern? Der Wert, auf den das Attribut „Rahmenstil“ gesetzt werden kann.

Wert Beschreibung none definiert keinen Rahmen. hidden ist dasselbe wie „none“. Außer bei Anwendung auf Tabellen, bei denen „hidden“ zur Lösung von Randkonflikten verwendet wird. gepunktetDefinieren Sie gepunktete Ränder. Wird in den meisten Browsern als durchgezogene Linie dargestellt. dashed definiert die gestrichelte Linie. Wird in den meisten Browsern als durchgezogene Linie dargestellt. solid definiert eine durchgezogene Linie. double definiert Doppellinien. Die Breite der Doppellinie entspricht dem Wert von border-width. Groove 3D-Rillenrand definieren. Der Effekt hängt vom Wert von border-color ab. GratDefinieren Sie den 3D-Gratrand. Der Effekt hängt vom Wert von border-color ab. EinfügungDefinieren Sie den 3D-Einfügungsrand. Der Effekt hängt vom Wert von border-color ab. AnfangDefinieren Sie den 3D-Anfangsrand. Der Effekt hängt vom Wert von border-color ab. inherit gibt an, dass der Rahmenstil vom übergeordneten Element geerbt werden soll. Erläuterung: Das Attribut

border-style ist ein Kurzattribut, das den Stil der vier Ränder eines Elements festlegen kann. Wenn Sie den Stil eines Rahmens separat festlegen möchten, können Sie Folgendes implementieren:

border-top-style-Attribut: oberer Randstil

border-bottom-style-Attribut: unterer Randstil
border-left-style-Attribut: linker Randstil
border-right-style-Attribut: rechter Randstil

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style type="text/css">
			p.dashed {
				border-top-style: dashed;
				border-bottom-style: dashed
			}
			
			p.solid {
				border-left-style: solid;
				border-right-style: solid;
			}
		</style>
	</head>

	<body>

		<p class="dashed">这是虚线边框样式！</p>

		<p class="solid">这是实线边框样式！</p>

	</body>

</html>

(Lernvideo-Sharing: Kann ich die Anzeige gepunkteter Linien in CSS steuern? Web-Frontend

)

Das obige ist der detaillierte Inhalt vonKann ich die Anzeige gepunkteter Linien in CSS steuern?. 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：Was bedeutet CSS-durchgestrichener Code?Nächster Artikel：Was bedeutet CSS-durchgestrichener Code?

In Verbindung stehende Artikel

Mehr sehen