English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Der Rahmen des Elements (Border) umgibt den Füllstoff und den Inhalt.
CSS-Rahmeneigenschaften ermöglichen es Ihnen, den Bereich der Rahmengrenze zu definieren. Die Kante kann vorgegebene Stile sein, z.B. durchgehende Linien, doppelte Linien, gepunktete Linien usw.kann auch ein Bild sein。Das nächste Kapitel wird erläutern, wie man verschiedene Attribute einstellt, um den Stil der Kante zu definieren (border-style），Farbe（border-color）und Dicke（border-width）。
border-widthDas Attribut bestimmt die Breite des Rahmenbereichs. Es ist eine Kurzschreibweise, um die Dicke aller vier Seiten des Elements gleichzeitig zu setzen.
p {
border-width: medium 10px thick 15px;
}Testen Sie es heraus‹/›Hinweis:Wenn border-Fehlt oder ist das border-width benutzt den Standardwert (medium).
Dieborder-styleEigenschaft setzt den Stil der Rahmenkante, z.B. solid, dotted u.v.a. Es ist eine Kurzschreibweise, um die Linienart aller vier Seiten des Elements zu setzen.
Diese border-Der style-Attribut kann einen der folgenden Werte annehmen: none, hidden, dashed, dotted, double, groove, inset, outset, ridge und solid.
none: Keine Kante.
dotted: Definiert eine gepunktete Linienkante
dashed: Definiert eine gepunktete Linienkante
solid: Definiert eine durchgehende Linienkante
double: definiert zwei Rahmen. Die Breite der beiden Rahmen ist gleich border-width-Werte sind gleich
groove: definiert3D Rinne Rahmen. Der Effekt hängt von der Rahmenfarbe ab
ridge: definiert3D Rücken Rahmen. Der Effekt hängt von der Rahmenfarbe ab
inset: definiert3D Einfassung Rahmen. Der Effekt hängt von der Rahmenfarbe ab
outset: definiert3D Ausgang Rahmen. Der Effekt hängt von der Rahmenfarbe ab
p {
border-style: dotted;
}Testen Sie es heraus‹/›Dieborder-colorDas AttributcolorRahmenkante. Dies ist auch das Abkürzungseigenschaft, um die Farben der vier Seiten eines Elements abzurunden. Rahmen zu setzen.
p {
border-style: solid;
border-color: #ff0000;
}Testen Sie es heraus‹/›Hinweis:border-color wird, wenn das Attribut单独使用，不起作用。使用border-Das style-Attribut legt zunächst den Rahmen fest.
Dieborder CSS-Eigenschaften sind Abkürzungsattribute, um eine oder mehrere einzelne Rahmenattribute zu setzen border-style, border-width und border-color in einer einzigen Regel.
p {
border: 5px solid #ff4500;
}Testen Sie es heraus‹/›Wenn beim Festlegen der border-Abkürzungseigenschaft ein einzelner border-Attributwert ignoriert oder nicht angegeben wird, wird der Standardwert der Eigenschaft verwendet (wenn vorhanden).
Hinweis:border-colorBei der Festlegung des Rahmens eines Elements, wenn das Attributwert oder das Attributwert fehlt oder nicht angegeben ist (z.B. border: 5px solid;), dann wird der Rahmen des ElementscolorDas Attribut wird als Wert für border verwendet-color.
In diesem Beispiel wird der Rahmen eine Breite von5px schwarzer durchgehender Linie:
p {
color: black;
border: 5px solid;
}Testen Sie es heraus‹/›Aber, wenn es gibt border-Im style-Attribut wird der Wert weggelassen, um keine Rahmen anzuzeigen, da in diesem Fall border-Die Standardwerte des style-Attributs sind none.
In den folgenden Beispielen wird keine Rahmen gezeigt:
p {
border: 5px #00ff00;
}Testen Sie es heraus‹/›