Border

Från Webbling
Version från den 13 januari 2019 kl. 19.58 av PGJ (diskussion | bidrag) (→‎Exempel)
(skillnad) ← Äldre version | Nuvarande version (skillnad) | Nyare version → (skillnad)
Hoppa till: navigering, sök

Används för skapa en kantlinje runtom ett element. Detta är en samlingsegenskap med vilken man kan ange alla egenskaper som har med kantlinjen att göra. Kom ihåg att samlingsegenskaper alltid sätter värdet för alla egenskaper den hanterar. Det betyder alltså att även om man inte angivit något värde för en delegenskap, så sätts denna till sitt defaultvärde. Även om man inte kan ange ett värde för border-image-egenskapen med denna samlingsegenskap, så kommer denna att nollställas till none.

Observera att de satta egenskaperna blir att gälla för alla fyra kanterna.

Se respektive egenskap för mer information:

Egenskaper

Parametrar <breddvärde> | <färgvärde> | <stilvärde>
Defaultvärde breddvärde: medium färgvärde: currentColor stilvärde: none
Ärvs? Nej
Animerbart? Ja, vissa underegenskaper kan animaras (ej style-delen)
Fungerar med... Alla element

Exempel

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

Egenskapens definition

https://drafts.csswg.org/css-backgrounds-3/#borders