tabeli - Kurs HTML i CSS
Tabele HTML / Łączenie kolumn tabeli w grupy <colgroup, col>...Dzięki temu możemy nadać od razu całej grupie np. określone formatowanie za pomocą CSS. W grupę można połączyć dowolną liczbę kolumn. W jednej tabeli może istnieć kilka grup. Przykład <colgroup> Po wpisaniu: <table> <colgroup span="1" style="background-color: red"></colgroup> <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> </table> otrzymamy: komórka1 komórka2 komórka3 komórka4...
Tabele CSS / Odstępy między komórkami tabeli {border-spacing}...określających kolejno poziomy oraz pionowy odstęp Ustala poziomy i pionowy odstęp między komórkami. Przy definiowaniu odstępów między komórkami tabeli możesz skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację tabeli Przykład {border-spacing} border-spacing: 5mm komórka1 komórka2 komórka3 komórka4 komórka5 komórka6 komórka7 komórka8 komórka9 border-spacing: 5mm 2mm komórka1 komórka2 komórka3 komórka4 komórka5 komórka6 komórka7...
- Komendy HTML 4.01 / Wykaz atrybutów
Atrybut Zastosowanie Opis abbr TD, TH Skrót dla komórki nagłówkowej tabeli accept FORM, INPUT Lista typów MIME dla wysyłanego pliku accept-charset FORM Lista obsługiwanych znaków accesskey A, AREA, BUTTON, INPUT, LABEL, LEGEND, TEXTAREA Znak klawisza dostępu action FORM (wymagany) Obsługa formularza po stronie serwera align APPLET, IFRAME, IMG, INPUT, OBJECT Pionowe lub poziome ustawienie align CAPTION Ustawienie nagłówka tabeli align COL, COLGROUP...
- Komendy HTML 4.01 / Wykaz elementów
...Ciało dokumentu BR wymag/zabr w linii Przełamanie linii BUTTON wymag/wymag w linii Przycisk CAPTION wymag/wymag Tekst nagłówkowy tabeli CENTER wymag/wymag w bloku Wyśrodkowanie CITE wymag/wymag w linii Odwołanie do źródła CODE wymag/wymag w linii Kod komputerowy COL wymag/zabr Kolumna tabeli COLGROUP wymag/opcj Grupa kolumn tabeli DD wymag/opcj Opis definicji DEL wymag/wymag Usunięty tekst DFN wymag/wymag w linii...
- Pozycjonowanie CSS / Wyświetlanie {display}
...(Opera 6, Chrome) table - tabela blokowa: <table>...</table> inline-table - tabela "inline": <table>...</table> table-row-group - grupa wierszy tabeli: <tbody>...</tbody> table-header-group - nagłówek tabeli: <thead>...</thead> table-footer-group - stopka tabeli: <tfoot>...</tfoot> table-row - wiersz tabeli: <tr>...</tr> table-column-group - grupa kolumn tabeli: <colgroup>...</colgroup> table-column - kolumna tabeli: <col> table-cell - komórka tabeli: <td>...</td>, <th>...</th>...
- Komendy HTML 4.01 / TABLE
...(THEAD), ciało (TBODY) i stopkę (TFOOT), jak również opis nagłówkowy (CAPTION). Zobacz więcej... Atrybuty: ALIGN="ustawienie" Poziome ustawienie tabeli (zdeprecjonowane): center - wyśrodkowanie left - do lewej right - do prawej BGCOLOR="kolor" Kolor tła w komórkach tabeli (zdeprecjonowane) BORDER="piksele" Szerokość w pikselach ramki otaczającej tabelę CELLPADDING="długość" Podaje odstęp (w pikselach lub w procentach) pomiędzy ramką komórki tabeli a jej zawartością...
- Tekst CSS / Tryb pisania {writing-mode}
(CSS 3 - interpretuje Firefox 41, Opera 35, Chrome 48) selektor { writing-mode: tryb } Selektorem może być każdy znacznik z wyjątkiem grup wierszy tabeli (thead, tbody, tfoot), grup kolumn tabeli (colgroup), wierszy tabeli (tr) i kolumn tabeli (col) [zobacz: Wstawianie stylów]. Natomiast jako "tryb" należy podać: horizontal-tb - linijki tekstu ułożone poziomo jedna pod drugą (domyślnie) vertical-rl - linijki tekstu ułożone pionowo obok siebie od prawej do lewej strony (ang. right-to-left)...
- Pozycjonowanie CSS / Widzialność {visibility}
...collapse - jeżeli użyte dla wierszy (<tr>...</tr>), grup wierszy (<tbody>...</tbody>), kolumn (<col>) lub grup kolumn (<colgroup>...</colgroup>) tabeli, ukrywa całą zawartość wiersza (wierszy) bądź kolumny (kolumn), bez konieczności obliczania na nowo rozplanowania tabeli. Dla innych elementów działa tak samo jak wartość hidden. Polecenie to steruje wyświetlaniem elementu na ekranie. Pozwala ukryć dowolny element, a w jego miejsce wprowadzić pustą przestrzeń o takich samych rozmiarach...
- Komendy CSS3 / Tło i obramowanie CSS
...obrazkowego Wartość [ <length [0,∞]> | <number [0,∞]> ]{1,4} Inicjalizacja 0 Zastosowanie wszystkie elementy z wyjątkiem wewnętrznych elementów tabeli w przypadku "border-collapse: collapse" Dziedziczenie nie Procenty nie border-image-repeat Powtarzanie obramowania obrazkowego Wartość [ stretch | repeat | round | space ]{1,2} Inicjalizacja stretch Zastosowanie wszystkie elementy z wyjątkiem wewnętrznych elementów tabeli w przypadku "border-collapse: collapse" Dziedziczenie nie...
- Marginesy CSS / Atrybuty mieszane marginesu wewnętrznego {padding}
selektor { padding: wartości atrybutów } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast zasady wpisywania "wartości atrybutów" są takie same jak przy atrybutach mieszanych zwykłego marginesu. Pozwala wprowadzić jednocześnie kilka wartości marginesów wewnętrznych. Możliwe jest przy tym podanie: jednej wartości - dla wszystkich marginesów wewnętrznych naraz dwóch wartości - osobno kolejno dla...