Heim > Web-Frontend > Front-End-Fragen und Antworten > So verwenden Sie die CSS-Eigenschaft „Border-Left'.

So verwenden Sie die CSS-Eigenschaft „Border-Left'.

青灯夜游
Freigeben: 2019-05-30 14:35:07
Original
3817 Leute haben es durchsucht

Die CSS-Eigenschaft „border-left“ ist eine Abkürzungseigenschaft, mit der alle Eigenschaften des linken Rahmens (Breite, Rahmenstil, Farbe) in einer Anweisung festgelegt werden. Wenn einer der Werte nicht gesetzt ist, gibt es kein Problem. Beispielsweise ist auch border-left:solid #ff0000; zulässig.

So verwenden Sie die CSS-Eigenschaft „Border-Left'.

Wie verwende ich die CSS-Border-Left-Eigenschaft? Die Eigenschaft

border-left legt alle Eigenschaften des linken Randes in einer Anweisung fest.

Hinweis:

Sie können die folgenden Attribute der Reihe nach festlegen:

● Border-left-width: Gibt die Breite des linken Randes an.

● Border-left-style: Gibt den Stil des linken Rahmens an.

● Border-left-color: Gibt die Farbe des linken Randes an.

Wenn Sie keinen der Werte festlegen, gibt es kein Problem. Beispielsweise ist auch border-left:solid #ff0000;

Hinweis: IE7 und frühere Browser unterstützen den Wert „inherit“ nicht. IE8 erfordert !DOCTYPE. IE9 unterstützt „erben“.

CSS-Border-Left-Eigenschaftsbeispiel

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
p 
{
border-style:solid;
border-left:thick double #ff0000;
}
</style>
</head>
<body>
<p>这是一段文字。</p>
</body>
</html>
Nach dem Login kopieren

Rendering:

So verwenden Sie die CSS-Eigenschaft „Border-Left.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die CSS-Eigenschaft „Border-Left'.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage