Tematy:
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.
<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
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
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
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