inuasparwil.ru

Властивості css3 - box-ordinal-group і box-orient.

Властивості CSS3 - box-ordinal-group і box-orient.

Всім привіт! Сьогодні ми поговоримо про два простих, але корисних властивості, що з`явилися в CSS3 - box-ordinal-group і box-orient.

box-ordinal-group

Отже, давайте спочатку розберемо властивість box-ordinal-group.

Дана властивість просто вказує, в якому порядку повинні відображатися дочірні блоки на сторінці.

Ось його синтаксис:

#div {
box-ordinal-group:3-
}


Ті блоки, у яких число менше, будуть відображатися першими.

Якщо у блоків однакові значення, то вони будуть відображатися в залежності від того, як вони йдуть у вихідному коді.

box-orient




Друге властивість - box-orient.

Відео: Guía Completa de Flexbox desde 0

Дана властивість вказує, як відображати дочірні елементи з display = box.

Є 5 можливих значень - horizontal(Горизонтально), vertical(Вертикально), inline-axis(Уздовж строкової осі), block-axis(Уздовж блокової осі), inherit(Значення успадковується від батька).

Відео: Flexbox Tutorial (CSS): Real Layout Examples

#div {
display: box-
box-orient: horizontal-
}

Дані властивості дуже корисні при сучасній верстці, тепер ви їх теж знаєте.

Дякую за увагу і удачі!

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

Схожі
Як дозволити або заборонити виділяти текст на css.Як дозволити або заборонити виділяти текст на css.
Закруглені кути на css3.Закруглені кути на css3.
Багатоколоночних текст на css3.Багатоколоночних текст на css3.
Reflection api. Reflectionproperty.Reflection api. Reflectionproperty.
Group by в sqlGroup by в sql
Тематичний флеш-брелок від team groupТематичний флеш-брелок від team group
Анімація на css3.Анімація на css3.
Властивість z-index і плеєр youtubeВластивість z-index і плеєр youtube
Властивість appearance в css.Властивість appearance в css.
Властивість flexbox в css3.Властивість flexbox в css3.
» » Властивості css3 - box-ordinal-group і box-orient.