logo

Bootstrap 4 alpha

Mega Menue Sidebar

css3area


CSS3 Outline

Mittels CSS3 - Outlines können Umrandungen in unterschiedlicher Art, Größe und Farbe für Objekte angezeigt werden. Der wichtige Unterschied zu Borders ist, das durch die Umrandung kein zusätzlicher Space benötigt wird, da sie über den Content gezogen werden.

Im folgenden Beispiel sehen sie eine Box, mit einer Outline von 10px, outset und Abstand 8px;

 

Ich bin eine Outlinebox.

 

Der CSS3 Beispielcode lautet:


    .my_CSS3_ID {
	outline: 10px outset #555721;
    outline-offset: 8px;
}

 

Im nächsten Beispiel sehen sie eine Box, mit einer Outline von 5px, dashed und Abstand 8px;

 

Ich bin eine Oulinebox

 

Der CSS3 Beispielcode lautet:


    .my_CSS3_ID {
	outline: 5px dashed #1C1157;
    outline-offset: 8px;
}

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Tags

HTML5 META Artikel Doctype Header Footer