A paddingon és a marginon kívül a bordert is muszáj megemlítenünk a listában, hiszen ez is egy létező dolog, és sokféle módon fel tudjuk használni. A border (vagyis keret) úgymond a margin és a padding között van, amit az alábbi ábra szemléltet:

 

keretek

 

Bordert tehát adhatunk ugyanúgy táblázatnak, képeknek, moduloknak a következő módon:

border: 5px;

Ez így mind szép, és jó, csupán azt felejtettük ki, hogy milyen tulajdonságokat rendelünk hozzá. Megadhatjuk a vastagságot, színt, valamint a keret típusát is:

border: solid 1px #000000;

keret típusok: solid (folyamatos), dotted (pöttyözött), dashed (szaggatott)

A színét a keretnek ugyanúgy változtathatod, ahogy más helyeken is, hiszen elfogadott az RGB, HEX, illetve szín megnevezés is.

 

A bordert is megadhatod a különböző oldalakkal, akár különböző stílust is adhatsz az egyes oldalaknak.

border-left: solid 1px #000000;
border-right: solid 1px #000000;
border-top: solid 1px #000000;
border-bottom: solid 1px #000000;


Kérdésed van? Írj bátran!









Hozzászólásod csak jóváhagyás után fog megjelenni.

Ellenőrző kód *