Border-*-*-radius

Från Webbling
Version från den 25 augusti 2015 kl. 18.36 av PGJ (diskussion | bidrag) (Skapade sidan med 'Egenskapen <code>border-*-*-radius</code> används för att sätta radien på ett blockelement. Eftersom det finns en flera varianter av denna som alla gör precis samma sak,...')
(skillnad) ← Äldre version | Nuvarande version (skillnad) | Nyare version → (skillnad)
Hoppa till: navigering, sök

Egenskapen border-*-*-radius används för att sätta radien på ett blockelement. Eftersom det finns en flera varianter av denna som alla gör precis samma sak, fast för olika hörn, har vi valt att samla beskrivningen på en enda sida. Det första "*"-tecknen ska ersättas med ett av följande positionsord;bottom eller top. Medan det andra "*"-teckent ska ersättas av ett av följande positionsord; left eller right. Om vi t.ex. vill sätta radien på det nedre, vänstra hörnet skulle egenskapen skrivas; border-bottom-left-radius

Egenskaper

Parametrar <längdvärde1> | <längdvärde2> | initial | inherit
Defaultvärde 0
Ärvs? Nej
Animerbart? Ja
Fungerar med... Alla element

Exempel

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

Egenskapens definition