Border-*: Skillnad mellan sidversioner

Från Webbling
Hoppa till: navigering, sök
Ingen redigeringssammanfattning
mIngen redigeringssammanfattning
Rad 1: Rad 1:
Den här sidan visar beskrivning för flera olika element. I <code>border-*</code> ska "*" vara någon av följande <code>bottom</code>, <code>left</code>, <code>right</code> eller <code>top</code>.
Den här sidan visar beskrivning för flera olika element. I <code>border-*</code> ska "<code>*</code>" vara någon av följande <code>bottom</code>, <code>left</code>, <code>right</code> eller <code>top</code>.


Används för skapa en kantlinje på en sida av 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.
Används för skapa en kantlinje på en sida av 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.

Versionen från 22 augusti 2015 kl. 12.27

Den här sidan visar beskrivning för flera olika element. I border-* ska "*" vara någon av följande bottom, left, right eller top.

Används för skapa en kantlinje på en sida av 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.

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? Nej
Fungerar med... Alla element

Exempel

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

Egenskapens definition

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