Tematy:

Obramowania

Wielu elementom można nadawać obramowanie - z jednej lub kilku stron. Konieczne jest podanie stylu obramowania, dodatkowo można podać grubość i kolor obramowania.Polecenia są interpretowane przez wszystkie czołowe przeglądarki.

Wartości tylu obramowania: none, dotted, dashed, solid, double, groove, ridge, inset, outset.

Styl obramowania

<p style="border: styl">Akapit</p>

Przykłady:

border: none

border: dashed

border: dotted

border: solid

border: double

border: groove

border: ridge

border: inset

border: outset

Obramowanie cząstkowe

Możliwe jest stosowanie obramowania cząstkowego, np. lewego lub górnego boku

<p style="border-top:solid">Akapit z górnym obramowaniem</p>

Akapit z górnym obramowaniem

<p style="border-bottom:solid">Akapit z dolnym obramowaniem</p>

Akapit z dolnym obramowaniem

<p style="border-right:solid">Akapit z prawym obramowaniem</p>

Akapit z prawym obramowaniem

<p style="border-left:solid">Akapit z lewym obramowaniem</p>

Akapit z lewym obramowaniem

Grubość obramowania

Można dodatkowo określić grubość obramowania, podając wartość width.

<p style="border-left:solid; border-left-width: 2mm">Akapit z lewym obramowaniem 2mm</p>

Akapit z lewym obramowaniem 2mm

<p style="border-bottom:dotted; border-bottom-width: 2mm">Akapit z dolnym obramowaniem 2mm</p>

Akapit z dolnym obramowaniem 2mm

<p style="border:dashed; border-width: 1mm">Akapit z pełnym obramowaniem 1mm</p>

Akapit z pełnym obramowaniem 1mm

Kolor obramowania

Dodatkowym atrybutem, który można zastosować w obramowaniu, jest kolor.

<p style="border:solid; border-color: red">Akapit z czerwonym obramowaniem</p>

Akapit z czerwonym obramowaniem

<p style="border:double; border-color: red; border-left-width:2mm; border-left-color:green">Akapit z czerwonym obramowaniem, ale zielonym lewym brzegiem</p>

Akapit z czerwonym obramowaniem, ale zielonym lewym brzegiem

Uwaga: podając różne parametry dla całego obramowania lub wybranego boku możemy wpisać po prostu ciąg parametrów, np:

border: thick double red