-moz-float-edge
Не стандартизовано: Це — нестандартний функціонал, і стандартизувати його ніхто не планує. Його не слід використовувати на вебсайтах у відкритому вебі, оскільки він не буде працювати для всіх користувачів. Також можливі суттєві (і часто — несумісні) відмінності між реалізаціями, а поведінка може змінитися у майбутньому.
Застаріло: Це — не рекомендована до використання функціональність. Хоча деякі браузери все ще можуть її підтримувати, її або вже виключено з актуальних вебстандартів, або вона знаходиться в процесі завершення підтримки, або ж її залишили лише з міркувань зворотної сумісності. Слід уникати її використання, і якщо можливо — оновлювати вже написаний з код, що опирається на цю функціональність (дивіться таблицю сумісності) внизу цієї сторінки, щоб прийняти рішення). Майте на увазі: ця функціональність може припинити працювати в будь-який момент.
Нестандартна властивість -moz-float-edge
CSS вказує, чи включають властивості висоти та ширини зовнішні відступи, межі та товщину внутрішніх відступів.
Синтаксис
/* Ключові значення */
-moz-float-edge: border-box;
-moz-float-edge: content-box;
-moz-float-edge: margin-box;
-moz-float-edge: padding-box;
/* Глобальні значення */
-moz-float-edge: inherit;
-moz-float-edge: initial;
-moz-float-edge: unset;
Значення
border-box
Висота та ширина враховують вміст, внутрішні відступи та межі, проте без зовнішніх відступів.
content-box
Висота та ширина враховують лише вміст, без внутрішніх відступів, меж і зовнішніх відступів.
margin-box
Висота та ширина враховують і вміст, і внутрішні відступи, і межі, і зовнішні відступи.
padding-box
Висота і ширина охоплюють лише вміст та внутрішні відступи, без врахування меж та зовнішніх відступів
Формальне визначення
Початкове значення | content-box |
---|---|
Успадковується | ні |
Обчислене значення | as specified |
Формальний синтаксис
-moz-float-edge =
border-box | content-box | margin-box | padding-box
Приклади
HTML
<div class="box">
<p>З'їв аґрусу — та ягода цілюща б'є жах інфекцій шипучим «ь».</p>
</div>
CSS
.box {
display: block;
height: 5px;
margin: 0.5em auto 0.5em auto;
color: gray;
-moz-float-edge: margin-box;
box-sizing: border-box;
}
Результат
Специфікації
Не є частиною жодного стандарту.
Сумісність з браузерами
desktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
-moz-float-edge
|
Chrome No support No | Edge No support No | Firefox Full support 1 | Internet Explorer No support No | Opera No support No | Safari No support No | WebView Android No support No | Chrome Android No support No | Firefox for Android Full support 4 | Opera Android No support No | Safari on iOS No support No | Samsung Internet No support No |