Zum Inhalt springen

Border

border-right

#border-right Kurzschreibweise für border-right-width border-right-style und border-right-color. border-right: 4px dotted red; Die Reihenfolge ist wichtig: width style color Hello world border-right: 2px solid; Nur die Farbe ist optional. Wenn du sie weglässt, wird die Farbe des Textes verwendet. Hello… 

border-top

#border-top Kurzschreibweise für border-top-width border-top-style und border-top-color. border-top: 4px dotted red; Die Reihenfolge ist wichtig: width style color Hello world border-top: 2px solid; Nur die Farbe ist optional. Wenn du sie weglässt, wird die Farbe des Textes verwendet. Hello… 

border-bottom

#border-bottom Kurzschreibweise für border-bottom-width border-bottom-style und border-bottom-color. border-bottom: 4px dotted red; Die Reihenfolge ist wichtig: width style color Hello world border-bottom: 2px solid; Nur die Farbe ist optional. Wenn du sie weglässt, wird die Farbe des Textes verwendet. Hello… 

border-bottom-color

#border-bottom-color Wie border-color, aber nur für den unteren Rand. border-bottom-color: transparent; Wendet eine transparente Farbe auf den unteren Rand an. Der untere Rand nimmt weiterhin den Raum ein, der durch den Wert border-width definiert ist. Hello world border-bottom-color: red;… 

border-color

#border-color Bestimmt die Farbe der Ränder des Elements. default border-color: transparent; Wendet eine transparente Farbe auf die Ränder an. Die Ränder nehmen weiterhin den Raum ein, der durch den Wert border-width definiert ist. Hello world border-color: red; Sie können… 

border-top-right-radius

#border-top-right-radius Definiert den Radius der oberen rechten Ecke. default border-top-right-radius: 0; Entfernt jeglichen Randradius. Hello world border-top-right-radius: 20px; Sie können Pixel-Werte verwenden. Hello world border-top-right-radius: 50%; Sie können Prozentwerte verwenden. In diesem Beispiel beginnt der Radius auf halber Höhe… 

border-top-color

#border-top-color Wie border-color, aber nur für den oberen Rand. border-top-color: transparent; Wendet eine transparente Farbe auf den oberen Rand an. Der obere Rand nimmt weiterhin den Raum ein, der durch den Wert border-width definiert ist. Hello world border-top-color: red;… 

border-style

#border-style Legt den Stil der Ränder des Elements fest. default border-style: none; Entfernt die Ränder des Elements. Hello world border-style: dotted; Verwandelt den Rahmen in eine Folge von Punkten. Hello world border-style: dashed; Verwandelt den Rahmen in eine Folge… 

border-radius

#border-radius Legt den Radius der Ecken des Elements fest. default border-radius: 0; Entfernt jeglichen Randradius. Hello world border-radius: 20px; Sie können Pixel-Werte verwenden. Hello world border-radius: 50%; Sie können Prozentsatz-Werte verwenden. In diesem Beispiel beginnt der Radius in der… 

border-left-style

#border-left-style Wie border-style, aber nur für den linken Rand. default border-left-style: none; Entfernt den linken Rand. Hello world border-left-style: dotted; Verwandelt den linken Rand in eine Folge von Punkten. Hello world border-left-style: dashed; Verwandelt den linken Rand in eine… 

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-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…