• Теория
  • Теория

display: table-row

Как вы догадались, мы строим таблицу на дивах с помощью новых значений свойства display. Знания про таблицы вы можете освежить в части Знакомство с таблицами.

Любая таблица содержит элементы с типом бокса строка таблицы, внутри которых должны содержаться элементы с типом бокса ячейка таблицы. Соответствие тегов таблицы значениям display:

<table> — display: table;

<tr> — display: table-row;

<td> — display: table-cell;

В этом задании вы создадите «строки таблицы» с помощью display: table-row;. Строка таблицы — необычный элемент. Она является контейнером для ячеек и практически не имеет собственного отображения. Для неё можно только задавать цвет фона.

Хорошо владеете JavaScript, но до сих пор не освоили Node.js? Записывайтесь на профессиональный курс «Node.js. Профессиональная разработка REST API». Цена 12 000 ₽.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Блочная модель документа» тренажёра «Боксовая модель и позиционирование» можно после регистрации и оформления подписки.