Авторский знак. Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.

март 2021
Пн Вт Ср Чт Пт Сб Вс
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31


Чувашия-это моя Россия

Границы в CSS.

Границы в CSS.

В CSS 2.1 имеется две модели управления границами. В одной - границы вокруг ячеек самостоятельны, в другой - они, как говорят, «сжаты», являясь общими для каждой соседней пары. Выбрать модель, которая должна использоваться в таблице, авторам документов позволяет свойство border-collapse.

border-collapse. Значения: collapse|separate|inherit. Начальное значение: collapse. Применимо: К таблицам, в том числе встроенным. Наследуется: Да.

Модель раздельных границ в CSS.

Согласно этой модели, граница отображается со всех четырех сторон каждой из ячеек таблицы (или по сторонам, заданным в свойствах самой границы), а с помощью border-spacing можно добавить дополнительный межъячеечный промежуток.

border-spacing. Значения: < длина>< длина>|inherit. Начальное значение: о. Применимо: К таблицам, в том числе встроенным. Наследуется: Да.

Значение border-spacing в CSS выражается двумя длинами. Первым идет значение горизонтального промежутка между ячейками в каждой строке таблицы. Значение же промежутка по вертикали всегда указывается вторым и остается между ячейками, на сей раз каждого из столбцов. При этом если вы зададите только одно значение, то оно действует в обоих направлениях одновременно.

 
                           table {border-collapse: separate;
                           border-spacing: 15рх 3px;
                           border:	none;}
                           td { border:	lpx	solid black; }

По умолчанию значение border-spacing в CSS равно нулю, что вызывает касание смежных границ ячеек, а значит, и «удвоение» таковых во внутренней части сетки. При пользовании моделью раздельных границ ячеек ни строки, ни группы строк, ни столбцы, ни их группы не могут иметь границы.

В модели раздельных границ ячеек спецификации CSS сами вправе решать, чтобы границы и фон пустых ячеек отображались, или их нужно скрыть. Для этого предназначено свойство под названием empty-cells. Значения: Начальное значение: Применимо. Наследуется.

empty-cells в CSS. show|hide|inherit. К ячейкам таблиц. Да.

По умолчанию значение empty-cells равно show, что означает то, что границы и фон ячеек без содержимого появятся на экране. Значение hide скрывает фон и границы таких ячеек и эквивалентно записи visibility: hidden. Чтобы ячейка была воспринята как «пустая», в ней не должно быть никаких текстовых и замещаемых элементов, «жестких» пробелов ( ) или пробельных символов. Впрочем, пробел и символы возврата каретки (CR - carriage return) и перевода строки (LF - line feed) допускаются.


seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...

обратно на    назад    дальше     продолжение темы

ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: