Beispiel:Outline-vs-border.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0;" /> <link rel="stylesheet" type="text/css" media="screen" href="./Beispiel:Grundlayout.css" /> <title>border-vs-outline für Inline-Elemente</title> <style> p {width: 15em; line-height: 2;}

                       span {padding: .1em .5em;}

.border {border: 2px solid red;} .outline {outline: 2px solid green;} </style> </head> <body>

border vs outline für Inline-Elemente

<main>

border

Inline-Element mit erzwungenem Zeilenumbruch und Rahmen

outline

Inline-Element mit erzwungenem Zeilenumbruch und Außenlinie

</main> </body> </html>