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

Пн Вт Ср Чт Пт Сб Вс
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


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

Ссылки на каскадные стили CSS - border-spacing.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari Сафари, то есть поддерживается во всех основных браузерах.

Свойство border-spacing поддерживается во всех основных браузерах. Внимание!!! IE8 поддерживает свойство border-spacing только если DOCTYPE указан.

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

Итак, свойство border-spacing определяет расстояние между ячейками в пикселях или других единицах измерения. Отрицательные значение свойство border-spacing не воспринимает. Когда указаны два значения, тогда первое значение задает горизонтальное расстояние, значит, второе определяет вертикальное. Если указано только одно значение, то это значение используется и по вертикали, и по горизонтали.

Самое мощное здесь даже не в том, что производится некое изменение некого участка страницы сайта. Самое мощное здесь в том, что свойство border-spacing, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера.


Синтаксис:

             border-spacing: length|initial|inherit;

Описание и использование

Значение по умолчанию: 0
наследует: да
Анимируемых: да
Версия: CSS2
JavaScript синтаксис: object.style.borderSpacing="15px"


СвойстваЗначения

Значение Описание
length length Определяет расстояние между границами соседних ячеек в пикселах, см и др. Отрицательные значения не допускаются
  • Если указано одно значение длины, она указывает, как в горизонтальной, так и вертикальной разметки
  • Если указаны два значения длины, то первый набор по горизонтали, а второй задает вертикальное расстояние
initial Это свойство задает значение по умолчанию.
inherit Наследует это свойство от своего родительского элемента.


Пишем программу:

< !DOCTYPE>
< html>
< head>
< style>
table.rr1
{
border-collapse:separate;
border-spacing:10px;
}
table.rr2
{
border-collapse:separate;
border-spacing:10px 50px;
}
< /style>
< /head>
< body>
< table class="rr1" border="1">
< tr>
< td>Олег< /td>
< td>Саша< /td>
< /tr>
< tr>
< td>Маша< /td>
< td>Паша< /td>
< /tr>
< /table>
< br>
< table class="rr2" border="1">
< tr>
< td>Толя< /td>
< td>Клара< /td>
< /tr>
< tr>
< td>Ира< /td>
< td>Коля< /td>
< /tr>
< /table>
< p>< b>Внимание!!!< /b> IE8 поддерживает свойство border-spacing
если DOCTYPE уточняется.< /p>
< /body>
< /html>                      

Результат программы:

Олег Саша
Маша Саша

Толя Клара
Ира Коля

Внимание!!! IE8 поддерживает свойство border-spacing если DOCTYPE уточняется.




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
... ... ...

обратно на главную     назад    дальше     вперед

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