CSS-Eigenschaft border-bottom
Die Eigenschaft border-bottom ist eine stenografische Eigenschaft, mit deren Hilfe die Breite, der Stil und die Farbe des unteren Randes definiert werden können. Sie können die Stellen der Werte ändern. Aber die richtige Reihenfolge ist, wenn Sie die Breite, den Stil und dann die Farbe von border-bottom einstellen. Wenn Sie den Stil Ihres Rahmens nicht definieren, wird die Farbe nicht funktionieren, da ein Element einen Rahmen haben muss, bevor Sie die Farbe ändern können.
Wenn Sie die Breite nicht erwähnen, wählt es automatisch die mittlere Größe. Wenn die Farbe nicht erwähnt wird, wird sie die übergeordnete Farbe verstehen, und wenn der Stil nicht erwähnt wird, wird sie nicht funktionieren.
border-bottom: border-width | border-style | border-color | initial | inherit;
<!DOCTYPE html>
<html>
<head>
<style>
h2 {
border-bottom: 8px groove #1c87c9;
}
</style>
</head>
<body>
<h2>Eine Überschrift mit einem falzblauen unteren Rand.</h2>
</body>
</html>
Lassen Sie uns ein weiteres Beispiel sehen, wo wir den Elementen
<h2>,
<p> und
<div> hinzugefügt haben.
<!DOCTYPE html>
<html>
<head>
<style>
h2 {
border-bottom: 5px dashed #1c87c9;
}
p {
border-bottom: 8px double #8ebf42;
}
div {
border-bottom: 10px ridge #ccc;
}
</style>
</head>
<body>
<h2>Eine Überschrift mit einem gestrichelten blauen unteren Rand.</h2>
<p>Ein Absatz mit einem doppelten grünen unteren Rand.</p>
<div>Ein div-Element mit einem ridgegrauen unteren Rand.</div>
</body>
</html>