A border tulajdonság
A border tulajdonság egyszerre határozza meg a szegély színét, típusát és
vastagságát minden oldalon.
A border-width,
border-style
és a border-color
tulajdonságok rövidített formája.
A rövidített tulajdonságokkal ellentétben nem tud
különböző szegélyt beállítani mind a 4 oldalra
egyszerre, csak mindegyikre ugyanazt.
Szintaxis
szelektor {
border: vastagság típus szín;
}
A tulajdonságok sorrendje nem számít.
Példa
Készítsünk az elemnek fekete szegélyt, melynek vastagsága
1px:
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 300px;
height: 100px;
}
:
Lásd még
-
a
border-lefttulajdonság,
amely a bal szegélyt határozza meg -
a
border-righttulajdonság,
amely a jobb szegélyt határozza meg -
a
border-toptulajdonság,
amely a felső szegélyt határozza meg -
a
border-bottomtulajdonság,
amely az alsó szegélyt határozza meg -
a
outlinetulajdonság,
amely egy keretet határoz meg az elem számára -
a
border-radiustulajdonság,
amely leköveti a szegély sarkait