HTML Таблиці. Padding & Spacing

Таблиці HTML можуть регулювати відступи всередині чарунок, а також відстань між чарунками.

HTML Таблиця - Cell Padding

Cell Padding (відступи чарунок) – це простір між краями чарунок і змістом чарунки.

За замовчуванням для заповнення встановлено значення 0.

Щоб додати відступи до чарунок таблиці, використовуйте CSS властивість padding:

Щоб додати відступ лише над змістом (тобто, вгорі), використовуйте властивість padding-top.

Також інші сторони за допомогою властивостей padding-bottom (внизу), padding-left (ліворуч) і padding-right (праворуч):

HTML Таблиця - Cell Spacing

Cell spacing - це відстань між чарунками.

За замовчуванням відстань складає 2 пікселя.

Щоб змінити відстань між чарунками таблиці, використовуйте CSS властивість border-spacing на елементі table:

Примітка. Іноді україномовні веб-розробники властивості padding і border-spacing називають "внутрішній відступ" і "зовнішній відступ".