BORDER-COLLAPSE
Краткая информация
ОписаниеЗадает, как отображать границы вокруг ячеек таблицы. Зданичие collapse дает команду браузеру смотреть на такие места и убирать двойники. При этом между ячейками остается только одна граница, одновременно принадлежащая обеим ячейкам. То же правило соблюдается и для внешних границ, когда вокруг самой таблицы добавляется рамка. Аргументы
Пример
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>border-collapse</title> <style type="text/css"> TABLE { width: 320px; /* Ширина таблицы */ border: 4px double black; /* Рамка вокруг таблицы */ border-collapse: collapse; /* Отображать только одинарные линии */ } TH { text-align: left; /* Выравнивание по левому краю */ background: #ccc; /* Цвет фона ячеек */ padding: 5px; /* Поля вокруг содержимого ячеек */ border: 1px solid black; /* Граница вокруг ячеек */ } TD { padding: 5px; /* Поля вокруг содержимого ячеек */ border: 1px solid black; /* Граница вокруг ячеек */ } </style> </head> <body> <table cellspacing="0"> <tr> <th> </th> <th>2003</th> <th>2004</th> <th>2005</th> </tr> <tr> <td>Нефть</td> <td>43</td> <td>51</td> <td>79</td> </tr> <tr> <td>Золото</td> <td>29</td> <td>34</td> <td>48</td> </tr> <tr> <td>Дерево</td> <td>38</td> <td>57</td> <td>36</td> </tr> </table> </body> </html> | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Просмотров: 300 | Теги: | Рейтинг: 0.0/0 | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| Всего комментариев: 0 | |