Outline-color: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
 
Rad 26: Rad 26:


== Exempel ==
== Exempel ==
<codepen pen="eNqaMP" height="200" tab="css">
<codepen pen="eNqaMP" height="300" tab="css,result">
</codepen>
</codepen>


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

Nuvarande version från 30 januari 2019 kl. 15.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