Outline-color: Skillnad mellan sidversioner

Nuvarande version från 30 januari 2019 kl. 13.50

Används för att sätta färgen på eventuell konturlinje kring ett element. En konturlinjes bredd räknas aldrig med i storleken på en box. Istället ritas den över eventuellt material som redan ligger kring boxen.

Om du vill lära dig mer om hur man anger färger i CSS kan du gå till sektionen om färg.

Egenskaper

Parametrar	<färgvärde> \| `invert`
Defaultvärde	Om webbläsaren stödjer det, `invert`. Om så inte är fallet används `currentColor`
Ärvs?	Nej
Animerbart?	Ja
Fungerar med...	Alla element

Om du vill veta mer om hur man anger färgvärde, kan du gå till sektionen om färg.

invert alla webbläsare har inte stöd för detta värde. Om det finns så ritas konturlinjen med färginversen till den färg som redan finns där linjen dras.

Exempel

See the Pen eNqaMP by Patrik Grip-Jansson (@PGJ) on CodePen.

Egenskapens definition

https://developer.mozilla.org/en-US/docs/Web/CSS/outline-color

@@ Rad 1: / Rad 1: @@
-Används för att sätta färg på en konturlinje kring ett element. En konturlinje bredd räknas aldrig med i storleken på en box. Istället ritar den över eventuellt material som redan ligger kring boxen.
+Används för att sätta färgen på eventuell konturlinje kring ett element. En konturlinjes bredd räknas aldrig med i storleken på en box. Istället ritas den över eventuellt material som redan ligger kring boxen.
 Om du vill lära dig mer om hur man anger färger i CSS kan du gå till sektionen om [[färg]].
@@ Rad 26: / Rad 26: @@
 == Exempel ==
-<codepen pen="eNqaMP" height="200" tab="css">
+<codepen pen="eNqaMP" height="300" tab="css,result">
 </codepen>
 == Egenskapens definition ==
-https://drafts.csswg.org/css-backgrounds-3/#border-color
+https://developer.mozilla.org/en-US/docs/Web/CSS/outline-color