Tabele#

Zewnętrzne krawędzie#

  1. —
  2. L
  3. K
  4. T'
  5. T
  6. A
  7. O
  8. Z'
  9. Z
  10. #
<table border="1" frame="rodzaj">...</table>

gdzie jako "rodzaj" należy podać:

Polecenie pozwala zdefiniować wyświetlenie zewnętrznego obramowania tabeli (lub pewnej jego części). Żeby efekt był widoczny należy włączyć obramowanie dla tabeli (atrybut border). W przykładach dodatkowo wyłączono wewnętrzne krawędzie (atrybut rules="none").

Ustawienia domyślne:

  1. —
  2. L
  3. K
  4. T'
  5. T
  6. A
  7. O
  8. Z'
  9. Z
  10. #
<table border="6" rules="none">
	<tr>
		<td>komórka1</td><td>komórka2</td><td>komórka3</td>
	</tr>
	<tr>
		<td>komórka4</td><td>komórka5</td><td>komórka6</td>
	</tr>
	<tr>
		<td>komórka7</td><td>komórka8</td><td>komórka9</td>
	</tr>
</table>

Efekt:

komórka1komórka2komórka3
komórka4komórka5komórka6
komórka7komórka8komórka9

Wszystkie zewnętrzne krawędzie (box):

  1. —
  2. L
  3. K
  4. T'
  5. T
  6. A
  7. O
  8. Z'
  9. Z
  10. #
<table border="6" frame="box" rules="none">
	<tr>
		<td>komórka1</td><td>komórka2</td><td>komórka3</td>
	</tr>
	<tr>
		<td>komórka4</td><td>komórka5</td><td>komórka6</td>
	</tr>
	<tr>
		<td>komórka7</td><td>komórka8</td><td>komórka9</td>
	</tr>
</table>

Efekt:

komórka1komórka2komórka3
komórka4komórka5komórka6
komórka7komórka8komórka9

Brak zewnętrznych krawędzi (void):

  1. —
  2. L
  3. K
  4. T'
  5. T
  6. A
  7. O
  8. Z'
  9. Z
  10. #
<table border="6" frame="void" rules="none">
	<tr>
		<td>komórka1</td><td>komórka2</td><td>komórka3</td>
	</tr>
	<tr>
		<td>komórka4</td><td>komórka5</td><td>komórka6</td>
	</tr>
	<tr>
		<td>komórka7</td><td>komórka8</td><td>komórka9</td>
	</tr>
</table>

Efekt:

komórka1komórka2komórka3
komórka4komórka5komórka6
komórka7komórka8komórka9

Górna krawędź (above):

  1. —
  2. L
  3. K
  4. T'
  5. T
  6. A
  7. O
  8. Z'
  9. Z
  10. #
<table border="6" frame="above" rules="none">
	<tr>
		<td>komórka1</td><td>komórka2</td><td>komórka3</td>
	</tr>
	<tr>
		<td>komórka4</td><td>komórka5</td><td>komórka6</td>
	</tr>
	<tr>
		<td>komórka7</td><td>komórka8</td><td>komórka9</td>
	</tr>
</table>

Efekt:

komórka1komórka2komórka3
komórka4komórka5komórka6
komórka7komórka8komórka9

Dolna krawędź (below):

  1. —
  2. L
  3. K
  4. T'
  5. T
  6. A
  7. O
  8. Z'
  9. Z
  10. #
<table border="6" frame="below" rules="none">
	<tr>
		<td>komórka1</td><td>komórka2</td><td>komórka3</td>
	</tr>
	<tr>
		<td>komórka4</td><td>komórka5</td><td>komórka6</td>
	</tr>
	<tr>
		<td>komórka7</td><td>komórka8</td><td>komórka9</td>
	</tr>
</table>

Efekt:

komórka1komórka2komórka3
komórka4komórka5komórka6
komórka7komórka8komórka9

Lewa krawędź (lhs):

  1. —
  2. L
  3. K
  4. T'
  5. T
  6. A
  7. O
  8. Z'
  9. Z
  10. #
<table border="6" frame="lhs" rules="none">
	<tr>
		<td>komórka1</td><td>komórka2</td><td>komórka3</td>
	</tr>
	<tr>
		<td>komórka4</td><td>komórka5</td><td>komórka6</td>
	</tr>
	<tr>
		<td>komórka7</td><td>komórka8</td><td>komórka9</td>
	</tr>
</table>

Efekt:

komórka1komórka2komórka3
komórka4komórka5komórka6
komórka7komórka8komórka9

Prawa krawędź (rhs):

  1. —
  2. L
  3. K
  4. T'
  5. T
  6. A
  7. O
  8. Z'
  9. Z
  10. #
<table border="6" frame="rhs" rules="none">
	<tr>
		<td>komórka1</td><td>komórka2</td><td>komórka3</td>
	</tr>
	<tr>
		<td>komórka4</td><td>komórka5</td><td>komórka6</td>
	</tr>
	<tr>
		<td>komórka7</td><td>komórka8</td><td>komórka9</td>
	</tr>
</table>

Efekt:

komórka1komórka2komórka3
komórka4komórka5komórka6
komórka7komórka8komórka9

Poziome krawędzie (hsides):

  1. —
  2. L
  3. K
  4. T'
  5. T
  6. A
  7. O
  8. Z'
  9. Z
  10. #
<table border="6" frame="hsides" rules="none">
	<tr>
		<td>komórka1</td><td>komórka2</td><td>komórka3</td>
	</tr>
	<tr>
		<td>komórka4</td><td>komórka5</td><td>komórka6</td>
	</tr>
	<tr>
		<td>komórka7</td><td>komórka8</td><td>komórka9</td>
	</tr>
</table>

Efekt:

komórka1komórka2komórka3
komórka4komórka5komórka6
komórka7komórka8komórka9

Pionowe krawędzie (vsides):

  1. —
  2. L
  3. K
  4. T'
  5. T
  6. A
  7. O
  8. Z'
  9. Z
  10. #
<table border="6" frame="vsides" rules="none">
	<tr>
		<td>komórka1</td><td>komórka2</td><td>komórka3</td>
	</tr>
	<tr>
		<td>komórka4</td><td>komórka5</td><td>komórka6</td>
	</tr>
	<tr>
		<td>komórka7</td><td>komórka8</td><td>komórka9</td>
	</tr>
</table>

Efekt:

komórka1komórka2komórka3
komórka4komórka5komórka6
komórka7komórka8komórka9

W przeglądarkach internetowych efekt wizualny stosowania powyższych poleceń może być odmienny.

Pasek społecznościowy

SPIS TREŚCI AKTUALNEJ STRONY

Tabele (H1) Zewnętrzne krawędzie (H2)