Kurs XHTML: 1.1, 1.0 / HTML: 4.01, 4.0, 3.2, 3.0, 2.0 / CSS: 2.1, 2.0, 1.0 z przykładami

[Start] • [Elementy XHTML/HTML] • [Atrybuty XHTML/HTML] • [Style CSS]
[0] [A] [B] [C] [D] [E] [F] [H] [I] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [Z]

border-style

OPIS

Styl definiuje styl i wygląd ramki.

WARTOŚCI

• none - CSS: 2.1, 2.0, 1.0

nie ma ramki, wartość domyślna

• hidden - CSS: 2.1, 2.0

ramka jest ukryta

• solid - CSS: 2.1, 2.0, 1.0

linia tradycyjna

• dotted - CSS: 2.1, 2.0, 1.0

linia składająca się z kropek

• dashed - CSS: 2.1, 2.0, 1.0

linia składająca się z kresek

• double - CSS: 2.1, 2.0, 1.0

linia podwójna

• groove - CSS: 2.1, 2.0, 1.0

linia wklęsła przestrzenna

• ridge - CSS: 2.1, 2.0, 1.0

linia wypukła przestrzenna

• inset - CSS: 2.1, 2.0, 1.0

linia wklęsła

• outset - CSS: 2.1, 2.0, 1.0

linia wypukła

• inherit - CSS: 2.1, 2.0

przejęcie wartości "rodzica", np. border-style: inherit;

POZOSTAŁE CECHY

• CSS: 2.1, 2.0, 1.0
• dziedziczony: nie

PRZYKŁADY ZASTOSOWAŃ

• Przykład 1:

<table style="border-style: solid;">
<tr><td width="300" height="50" bgcolor="#eeeeee">
<p>&nbsp;</p>
</td></tr></table>

• Przykład 2:

<table style="border-style: dotted;">
<tr><td width="300" height="50" bgcolor="#eeeeee">
<p>&nbsp;</p>
</td></tr></table>

• Przykład 3:

<table style="border-style: dashed;">
<tr><td width="300" height="50" bgcolor="#eeeeee">
<p>&nbsp;</p>
</td></tr></table>

• Przykład 4:

<table style="border-style: double;">
<tr><td width="300" height="50" bgcolor="#eeeeee">
<p>&nbsp;</p>
</td></tr></table>

• Przykład 5:

<table style="border-style: groove;">
<tr><td width="300" height="50" bgcolor="#eeeeee">
<p>&nbsp;</p>
</td></tr></table>

• Przykład 6:

<table style="border-style: ridge;">
<tr><td width="300" height="50" bgcolor="#eeeeee">
<p>&nbsp;</p>
</td></tr></table>

• Przykład 7:

<table style="border-style: inset;">
<tr><td width="300" height="50" bgcolor="#eeeeee">
<p>&nbsp;</p>
</td></tr></table>

• Przykład 8:

<table style="border-style: outset;">
<tr><td width="300" height="50" bgcolor="#eeeeee">
<p>&nbsp;</p>
</td></tr></table>

• Przykład 9:

<style type="text/css"><!--
table { style="border-style: dotted; }
--></style>