diedVIPs

html knowhow

Konturen












Konturen
Ein Umriss ist eine Linie, die außerhalb des Rahmens des Elements gezeichnet wird.
outline Kontur oder Umriss. outline liegt über dem HTML-Element und nimmt keinen eigenen Raum ein.
  • outline-color
  • outline-style
  • outline-width
  • inherit
p.dotted {outline-style: dotted;}
p.dashed {outline-style: dashed;}
p.solid {outline-style: solid;}
p.double {outline-style: double;}
p.groove {outline-style: groove;}
p.ridge {outline-style: ridge;}
p.inset {outline-style: inset;}
p.outset {outline-style: outset;}
outline-color Kontur- bzw. Umrissfarbe
  • <color>
  • invert
  • inherit
p.{
border: 1px solid black;
outline-style: solid;
outline-color: red;
outline-width: thin;
}
outline-style Kontur- bzw. Umrissdarstellung
  • none
  • hidden
  • dotted
  • dashed
  • solid
  • double
  • groove
  • ridge
  • inset
  • outset
outline-width Kontur- bzw. Umrisstärke
  • <length>
  • thin
  • medium
  • thick
  • inherit
outline-offset outline-offset fügt Platz zwischen einem Umriss und der Kante/Umrandung eines Elements hinzu.
  • <length>
  • inherit
p {
margin: 30px;
border: 1px solid black;
outline: 1px solid red;
outline-offset: 15px;
}









Kontakt    Datenschutz   Impressum