Kurs języka HTML i CSS

Poradnik webmastera

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

Obramowanie mieszane

Email Drukuj PDF

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

Dane w pigułce
Zastosowanie łączy różne atrybuty dla obramowania z danej strony lub łączy atrybuty dla wszystkich brzegów
Dziedziczenie nie
Wartości wartości atrybutów dla obramowań cząstkowych lub całego obramowania
Wartość domyślna wartości domyślne elementów cząstkowych
Przykład border: solid 3px red
Uwagi
Odpowiednik w HTML przestarzały atrybut border

Aby zdefiniować mieszane obramowanie, należy wpisać w definicji stylu border: wartości (lub border-left: wartości itd.)

Obramowanie mieszane jest obramowaniem, w którym łączymy wartości obramowań cząstkowych do postaci ujednoliconej definicji lub łączymy w jednej definicji różne atrybuty obramowania cząstkowego.

Zamiast pisać po kolei border-left: atrybuty; border-right: atrybuty itd., możemy napisać po prostu border: atrybuty, gdyż w ten sposób definiujemy od razu atrybuty dla całego obramowania.

<p style="border: solid 3px red">Treść akapitu</p>

Treść akapitu

Zamiast pisać po kolei border-left-style: solid; border-left-width: 3px; border-left-color: red;, możemy prościej napisać border-left: solid 3px red, gdyż w ten sposób definiujemy łącznie atrybuty dla danego obramowania cząstkowego, np. z lewej czy prawej strony.

<p style="border-left: solid 5px red; border-top: solid 3px green; ">Treść akapitu</p>

Treść akapitu


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