-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
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on iOS Samsung Internet
-moz-float-edge
Deprecated Non-standard
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

Дивіться також

Помітили помилку на цій сторінці?

Переглянути сирці на GitHub.

Редагувати вміст на GitHub.

Почати обговорення на GitHub стосовно вмісту цієї сторінки.