Значения для display
Значение -moz-box — означает, что контент блока выводится по-горизонтали или по-вертикали (в зависимости от значения вендорного свойства -moz-box-orient).
| Поддерживается браузерами | Firefox 1.0 и выше |
|---|
Пример
div {
display:-moz-box;
}
Значение -moz-inline-box — означает, что контент строчного бокса выводится по-горизонтали или по-вертикали (в зависимости от значения вендорного свойства -moz-box-orient).
| Поддерживается браузерами | Firefox 1.0 и выше |
|---|
Пример
div {
display:-moz-inline-box;
}
Значение -moz-groupbox — означает, элемент выводится как контейнер для -moz-box и -moz-inline-box элементов.
| Поддерживается браузерами | Firefox 1.0 и выше |
|---|
Пример
div {
display:-moz-groupbox;
}
Значение -moz-grid — означает, что блок представляет собой ячейку сетки.
| Поддерживается браузерами | Firefox 1.0 и выше |
|---|
Пример
div {
display:-moz-grid;
}
Значение -moz-inline-grid — означает, что строчный бокс представляет собой ячейку сетки.
| Поддерживается браузерами | Firefox 1.0 и выше |
|---|
Пример
div {
display:-moz-inline-grid;
}
Значение -moz-grid-group — означает, что дочерние элементы будут отображаться как колонки ячеек или строки ячейки сетки (в зависимости от значения вендорного свойства -moz-box-orient).
| Поддерживается браузерами | Firefox 1.0 и выше |
|---|
Пример
div {
display:-moz-grid-group;
}
Значение -moz-grid-line — означает, что дочерние элементы будут отображаться как ячейки колонки или ячейки строки сетки (в зависимости от значения вендорного свойства -moz-box-orient).
| Поддерживается браузерами | Firefox 1.0 и выше |
|---|
Пример
div {
display:-moz-grid-line;
}
Значение -moz-stack — означает, что дочерние элементы блока будут отображаться один над другим.
| Поддерживается браузерами | Firefox 1.0 и выше |
|---|
Пример
div {
display:-moz-stack;
}
Значение -moz-inline-stack — означает, что дочерние элементы строчного бокса будут отображаться один над другим.
| Поддерживается браузерами | Firefox 1.0 и выше |
|---|
Пример
div {
display:-moz-inline-stack;
}
Значение -moz-deck — означает, что дочерние элементы блока будут отображаться один над другим (в отличие от -moz-stack видно будет только верхний элемент).
| Поддерживается браузерами | Firefox 1.0 и выше |
|---|
Пример
div {
display:-moz-deck;
}
Значение -moz-popup — означает, что блок будет отображаться в виде выпадающего окна.
| Поддерживается браузерами | Firefox 1.0 и выше |
|---|
Пример
div {
display:-moz-popup;
}
Значение -moz-marker — означает, что элемент будет отображаться в виде маркера.
| Поддерживается браузерами | Firefox 1.0 и выше |
|---|
Пример
div {
display:-moz-marker;
}
По теме:
- Вендорные префиксы. Что это?
- CSS свойство display
- inline-block: простое свойство для непростых задач
- Блочные элементы. Особые приметы
- Выравнивание навигации из блоков по центру
- Центрирование резинового блока по горизонтали
- Выравнивание навигации по середине