Zum Inhalt springen

Border

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… 

border-bottom-style

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

border-left

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

border-top-style

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

border-left-color

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

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…