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

cssszelektor {
  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:

html<div id="elem"></div>
css#elem {
  border: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

Lásd még

  • a border-left tulajdonság,
    amely a bal szegélyt határozza meg
  • a border-right tulajdonság,
    amely a jobb szegélyt határozza meg
  • a border-top tulajdonság,
    amely a felső szegélyt határozza meg
  • a border-bottom tulajdonság,
    amely az alsó szegélyt határozza meg
  • a outline tulajdonság,
    amely egy keretet határoz meg az elem számára
  • a border-radius tulajdonság,
    amely leköveti a szegély sarkait