Obramowania

Styl obramowania

poniedziałek, 11 styczeń 2010 10:21 Administrator
Drukuj

Tematy: styl obramowania | grubość obramowania | kolor obramowania | obramowanie cząstkowe | obramowanie mieszane

Dane w pigułce
Zastosowanie wprowadza styl obramowania elementu
Dziedziczenie nie
Wartości none, dotted, dashed, solid, double, groove, ridge, inset, outset
Wartość domyślna brak
Przykład border-style: solid
Uwagi
Odpowiednik w HTML przestarzały atrybut border

Aby zdefiniować styl obramowania, należy wpisać w definicji stylu border-style: wartość

Elementom można nadawać obramowanie - z jednej lub kilku stron. Konieczne jest podanie stylu i grubości, obramowania, a dodatkowo można podać kolor obramowania.

Poniższe przykłady ilustrują dostępne style - dla lepszego uwidocznienia podano duże wartości grubości obramowań.

border-style: none

border-style: dashed

border-style: dotted

border-style: solid

border-style: double

border-style: groove

border-style: ridge

border-style: inset

border-style: outset

Na marginesie warto dodać, że style obramowań są niekiedy wykorzystywane do tworzenia ukośnych krawędzi w menu opartym na CSS, ze względu na ukośne linie powstające w niektórych definicjach.


Interpretacja: Internet Explorer, Firefox, Opera, Chrome