Rozmiary tabeli {width, height}
Jak zmieniać rozmiary elementów tabeli: wierszy, kolumn, komórek?
Do tabel (<table>...</table>), ich komórek (<td>...</td>), wierszy (<tr>...</tr>) oraz kolumn (<colgroup>...</colgroup>) można stosować parametry dotyczące szerokości i wysokości. Odnośnie komórek oraz całej tabeli można ustawić zarówno ich szerokość jak i wysokość. Natomiast dla wiersza możliwe jest określenie tylko wysokości, ponieważ szerokość jest jednocześnie szerokością tabeli. Podobnie dla kolumny można ustalić jedynie jej szerokość, bo wysokość jest wysokością tabeli.
Przykład {width, height}
| komórka1 | komórka2 |
| komórka3 | komórka4 |
| komórka1 | komórka2 | komórka3 |
| komórka4 | komórka5 | komórka6 |
| komórka7 | komórka8 | <td style="width: 20em; height: 10em"> |
| komórka1 | komórka2 | komórka3 |
| komórka4 | komórka5 | komórka6 |
| <tr style="height: 10em"> | ||
| <colgroup style="width: 20em"> | komórka1 | komórka2 |
| komórka3 | komórka4 | |
| komórka5 | komórka6 |
Pytania i odpowiedzi <table {width}>
Jak ustawić szerokość tabeli?
Aby ustawić szerokość tabeli w CSS, można użyć właściwości width i przypisać jej odpowiednią wartość, na przykład: "width: 500px" lub "width: 50%" w zależności od preferencji.
Jak dopasować tabelę do marginesów?
Aby uzyskać efekt autodopasowania rozmiaru tabeli do okna, który jest znany z programu Microsoft Word, można ustawić szerokość tabeli na 100% za pomocą właściwości width, co spowoduje, że tabela zajmie całą dostępna przestrzeń w poziomie, a kolumny dopasują się proporcjonalnie do zawartości. Przykład: <table style="width: 100%">...</table>.
