Атрибути cellpadding і cellspacing на css

Відео: HTML & CSS # 12: Atribut Cellpadding dan Cellspacing pada Elemen Tabel

Ті, хто турбується про валідності своєї верстки по HTML5, зіткнулися з тією проблемою, що в HTML5 прибрали атрибути cellpadding і cellspacing. Безумовно, є варіант вказати cellpadding і cellspacing через CSS, про що я зараз і напишу.

Почнемо з атрибута cellpadding, відповідального за поля всередині осередків. Думаю, що багато хто здогадався, як їм управляти. Давайте з Вами спробуємо обнулити cellpadding через CSS:

Відео: Змінюємо рамки HTML таблиць, осередків, рядків, стовпців: атрибути cellpadding і cellspacing

td { 
 padding:0- 
}

Як бачите, все досить очевидно. А тепер перейдемо до атрибуту cellspacing.

Цей атрибут відповідає за кордону між осередками. Тут дещо складніше і властивості залежать від того, що Ви хочете зробити: обнулити кордону або поставити інші значення. Якщо обнулити, то це робиться так:

table { 
 border-collapse: collapse- 
}

Даний код обнулить cellspacing, як правило, це і потрібно. А якщо ж потрібно не обнулити, а змінити значення, то можна використовувати border-spacing:

Відео: XHTML and CSS Tutorial - 14 - Table width, cellpadding, and cellspacing

table { 
 border-spacing:1px2px4px5px- 
}

Це відступи осередків один від одного зверху, праворуч, знизу і зліва. Тобто числа йдуть за годинниковою стрілкою, аналогічно, як і у властивостях margin і padding.

Ось так легко можна задавати атрибути cellpadding і cellspacing на CSS.

Поділися в соціальних мережах:

Схожі