border-right-width
#border-right-width Wie border-width, aber nur für den rechten Rand. default border-right-width: 0; Entfernt den rechten Rand. Hello world border-right-width: 4px; Sie können Pixel-Werte verwenden. Hello world
Border
border-top-left-radius
#border-top-left-radius Legt den Radius der linken oberen Ecke fest. default border-top-left-radius: 0; Entfernt jeglichen Randradius. Hello world border-top-left-radius: 20px; Sie können Pixel-Werte verwenden. Hello world border-top-left-radius: 50%; Sie können Prozentwerte verwenden. In diesem Beispiel beginnt der Radius auf halber…
border-width
#border-width Bestimmt die Breite der Ränder des Elements. border-width: 1px; Legt die Breite von allen Rändern auf 1px fest. Hello world border-width: 2px 0; Definiert den oberen und unteren Rand auf 2px, den linken und rechten auf 0. Hello…
border-bottom-left-radius
#border-bottom-left-radius Definiert den Radius der unteren linken Ecke. default border-bottom-left-radius: 0; Entfernt jeglichen Randradius. Hello world border-bottom-left-radius: 20px; Sie können Pixel-Werte verwenden. Hello world border-bottom-left-radius: 50%; Sie können Prozentwerte verwenden. In diesem Beispiel beginnt der Radius auf halber Höhe…
border-bottom-width
#border-bottom-width Wie border-width, aber nur für den unteren Rand. default border-bottom-width: 0; Entfernt den unteren Rand. Hello world border-bottom-width: 4px; Sie können Pixel-Werte verwenden. Hello world
border-collapse
#border-collapse Legt fest, ob die Ränder der Tabelle getrennt oder zusammengeklappt werden sollen. default border-collapse: separate; Jede Zelle der Tabelle zeigt ihre eigenen Ränder an. In diesem Beispiel hat jede Zelle eine border-width von 4px. Folglich ist der Rand…
border-left-width
#border-left-width Wie border-width, aber nur für den linken Rand. default border-left-width: 0; Entfernt den linken Rand. Hello world border-left-width: 4px; Sie können Pixel-Werte verwenden. Hello world
border-right-color
#border-right-color Wie border-color, aber nur für den rechten Rand. border-right-color: transparent; Wendet eine transparente Farbe auf den rechten Rand an. Der rechte Rand nimmt weiterhin den Raum ein, der durch den Wert border-width definiert ist. Hello world border-right-color: red;…
border-top-width
#border-top-width Wie border-width, aber nur für den oberen Rand. default border-top-width: 0; Entfernt den oberen Rand. Hello world border-top-width: 4px; Sie können Pixel-Werte verwenden. Hello world
border-right-style
#border-right-style Wie border-style, aber nur für den rechten Rand. default border-right-style: none; Entfernt den rechten Rand. Hello world border-right-style: dotted; Verwandelt den rechten Rand in eine Folge von Punkten. Hello world border-right-style: dashed; Verwandelt den rechten Rand in eine…
border
#border Kurzschreibweise für border-width border-style und border-color. border: 4px dotted red; Die Reihenfolge ist wichtig: width style color Hello world border: 2px solid; Nur die Farbe ist optional. Wenn du sie weglässt, wird die Farbe des Textes verwendet. Hello…
border-bottom-right-radius
#border-bottom-right-radius Definiert den Radius der unteren rechten Ecke. default border-bottom-right-radius: 0; Entfernt jeglichen Randradius. Hello world border-bottom-right-radius: 20px; Sie können Pixel-Werte verwenden. Hello world border-bottom-right-radius: 50%; Sie können Prozentwerte verwenden. In diesem Beispiel beginnt der Radius in der Mitte…