Nyitó

Gyorstalpaló

Tervezés

HTML

CSS

Sablonok

Bevezetés

Szintaktika

Doboz modell

Pozicionálás

Szöveg formázása

Színek

Méretek

Táblázatok

Listák

Doboz modell - Keret stílus (border-style) tulajdonság

A border-style tulajdonság segítségével lehet beállítani egy doboz keretének stílusát mind a négy oldalon.

Oldalanként külön is állítható a keret stílusa a border-top-style (felső keret stílus), a border-right-style (jobb oldali keret stílus), a border-left-style (bal oldali keret stílus) és a border-bottom-style (alsó keret stílus) tulajdonságok segítségével.

Megadható értékek:
  • none (Nincs keret, a böngésző 0 szélességű kerettel számol.)
  • hidden (Általában ugyan azt eredményezi, mint a none érték, csak a táblázatok megjelenítésénél van különbség.)
  • dotted (pontozott vonal)
  • dashed (szaggatott vonal)
  • solid (folytonos vonal)
  • double (kettős vonal)
  • groove (Olyan a hatása, mintha a keret vonala bele lenne vésve a síkba.)
  • ridge (Olyan a hatása, mintha a keret vonala kiemelkedne a síkból.)
  • inset (Olyan a hatása, mintha az egész doboz be lenne nyomva a síkba.)
  • outset (Olyan a hatása, mintha az egész doboz kiemelkedne a síkból.)
  • inherit: érték a szülő elemtől örökölve.

Automatikus öröklődés: Nincs

A különböző stílusok így jelennek meg a böngészőben:

dotted

dashed

solid

double

groove

ridge

inset

outset


Keret (border) tulajdonságainak rövidített megadása »