logo

Bootstrap 4 alpha

Mega Menue Sidebar

css3area


CSS3 Border Color

Sie sehen eine Standardbox 10 Pixel breit mittels Hexcode Farbspektrum eingefärbt. Hierbei werden für jede Seite des Rechtecks eigene Frabe definiert. (im Beispiel der Einfachkeit halber, gleiche Farbwerte)

Der erste Wert in der css Anweisung ist ein "Fallback" für ältere Browser, die mit neueren Formatierungen nicht umgehen können, sodass zumindest ein Border mit 10px Breite in angegebener Farbe angezeigt wird

Die Formatierung erfolgt über css, die extern über eine "style.css" oder intern direkt in der Datei aufgerufen werden kann. Alternative Möglichkeit wäre, die Formatierung direkt dem betreffenden Container zuzuweisen.


#my_CSS3_id {
border: 0.75rem solid;
padding: 0.25rem;
border-color: grey #ccc rgb(48,48,48);
}

 

CSS3 Border Color (mit abgerundeten Ecken)


#my_CSS3_id {
border: 0.75rem solid;
padding: 1.25rem;
border-color: grey #ccc rgb(48,48,48);
border-radius: 50px 5px;
box-shadow: 10px 5px 5px black;
}

 

CSS 3 = Cascading Style Sheets Level 3, eine deklarative Stylesheet-Sprache für strukturierte Dokumente