CSS таблицы

Цикл статей «CSS учебник».

Следующая статья — «CSS отображение и скрытие, блочные и строчные элементы».
Предыдущая статья — «CSS внутренние отступы».

При оформлении таблиц в CSS можно использовать все свойства текста, шрифтов, рамок, внешних отступов, внутренних отступов, фона и другие. Добавляется одно интересное свойство, которое обязательно нужно знать. Каждая ячейка в таблице имеет свою рамку, поэтому на стыке ячеек возникает двойная рамки/линия. Чтобы избежать появления двойной рамки нужно использовать свойство border-collapse. У него есть два возможных значения: collapse (склеивает двойную рамку в одну) и separate (каждая ячейка имеет свою рамку, возможно двоение на местах стыков). Смотрите подробное описание свойства border-collapse с примером.

Если вам не очень понятно, что за двойные рамки получаются, то посмотрите вот этот пример, показывающий таблицу с border-collapse : collapse и с border-collapse : separate.

Цикл статей «CSS учебник».

Следующая статья — «CSS отображение и скрытие, блочные и строчные элементы».
Предыдущая статья — «CSS внутренние отступы».


1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Саранча (фильм 2013)

Странный фильм мне на этот раз предложил онлайн кинотеатр. Фильм «Саранча» явно не является тем типом фильмов, что я обычно смотрю. Читать далее Саранча (фильм 2013)


1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

CSS внутренние отступы

Цикл статей «CSS учебник».

Следующая статья — «CSS таблицы».
Предыдущая статья — «CSS внешние отступы».

Ещё раз посмотрите статью «CSS блоковая модель», она вам очень поможет. В этой статье будут рассмотрены внутренние отступы. Читать далее CSS внутренние отступы


1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

CSS padding

Свойство CSS padding  позволяет задать внутренние отступы (от рамки элемента до содержимого) сверху, справа, снизу и слева. Оно используется гораздо чаще, чем свойства padding-top, padding-right, padding-bottom и padding-left. Смотрите статью «CSS блоковая модель». Читать далее CSS padding


1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

CSS padding-left

Свойство CSS padding-left  позволяет указать внутренний отступ (от рамки элемента до содержимого) слева. Смотрите статью «CSS блоковая модель». Читать далее CSS padding-left


1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

CSS padding-bottom

Свойство CSS padding-bottom  позволяет установить внутренний отступ (от рамки элемента до содержимого) снизу. Смотрите статью «CSS блоковая модель». Читать далее CSS padding-bottom


1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

CSS padding-right

Свойство CSS padding-right  позволяет указать внутренний отступ (от рамки элемента до содержимого) справа. Смотрите статью «CSS блоковая модель». Читать далее CSS padding-right


1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

CSS padding-top

Свойство CSS padding-top устанавливает внутренний отступ (отступ от рамки элемента до содержимого) сверху. Смотрите статью «CSS блоковая модель». Смотрите статью «CSS блоковая модель». Читать далее CSS padding-top


1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

CSS внешние отступы

Цикл статей «CSS учебник».

Следующая статья — «CSS внутренние отступы».
Предыдущая статья — «CSS рамка».

Посмотрите на рисунок из статьи «CSS блоковая модель». Здесь мы рассмотрим внешние отступы, то есть margin. Читать далее CSS внешние отступы


1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

CSS margin

Свойство CSS margin позволяет указать внешние отступы от рамки сверху, справа, снизу и слева. Используется чаще, чем margin-top, margin-right, margin-bottom, margin-left по отдельности. Смотрите статью «CSS блоковая модель». Читать далее CSS margin


1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...