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