Kurs języka HTML i CSS

Poradnik webmastera

  • Zwiększ rozmiar czcionki
  • Domyślny  rozmiar czcionki
  • Zmniejsz rozmiar czcionki
Obramowania

Obramowanie cząstkowe

Email Drukuj PDF

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

Dane w pigułce
Zastosowanie definiuje cząstkowe obramowania elementu
Dziedziczenie nie
Wartości wartości poszczególnych atrybutów stylu, koloru i grubości
Wartość domyślna wartości domyślne elementów cząstkowych
Przykład border-left-style: solid; border-left-width: 2em; border-left-color:black;
Uwagi
Odpowiednik w HTML przestarzały atrybut border

Aby zdefiniować cząstkowe obramowanie, należy wpisać w definicji stylu border-left: wartości (lub border-right, border-top, border-bottom)

Obramowanie cząstkowe to obramowanie definiowane dla pojedynczych brzegów obramowania, np. dla lewego lub prawego. Podajemy w nim przynajmniej styl i grubość obramowania, a dodatkowo możemy także zdefiniować jego kolor.

<p style="border-left-style: solid; border-left-width: 5px; border-left-color: black;">Treść akapitu</p> "

To jest akapit z lewym obramowaniem solid o grubości 5px i czarnym kolorze.

<p style="border-left-style: dotted; border-left-width: 2px; border-left-color: red;">Treść akapitu</p> "

To jest akapit z lewym obramowaniem dotted o grubości 2px i czerwonym kolorze.

<p style="border-bottom-style: groove; border-bottom-width: 10px; border-bottom-color: olive; border-top-style: groove; border-top-width: 10px; border-top-color: olive; ">Treść akapitu</p> "

To jest akapit z górnym i dolnym obramowaniem groove o grubości 10px i oliwkowym kolorze.


Interpretacja: Internet Explorer, Firefox, Opera, Chrome

 

CSS. Tworzenie nowoczesnych stron WWW.

CSS3. Tworzenie nowoczesnych stron WWW
(czerwiec 2012)

HTML5 i CSS3. Standardy przyszłości

HTML5 i CSS3
Standardy przyszłości

CSS3. Szybki start. Wydanie V

CSS3. Szybki start.
Wydanie V