CSS-reunat - lyhennys

CSS-reunat - lyhennysominaisuudet

outline Ominaisuus on lyhennys, jota käytetään seuraavien reunan ominaisuuksien asettamiseen:

Yllä olevasta luettelosta:outline Ominaisuuden arvot voidaan määrittää yksi, kaksi tai kolme arvoa. Arvojen järjestys ei ole merkitystä.

Seuraavassa esimerkissä näytetään lyhennetyn outline Reunaviivan ominaisuudella määritetyt reunaviivat:

Viivainen reunaviiva.

Punainen viivainen reunaviiva.

5 pikselin keltainen täysin ympyröity reunaviiva.

Raskas pinkkiä korkeareunainen reunaviiva.

p.ex1 {outline: dashed;}
p.ex2 {outline: dotted red;}
p.ex3 {outline: 5px solid yellow;}
p.ex4 {outline: thick ridge pink;}