Пока Хром не поддерживает данное значение атрибута спецификации CSS, что то надо делать!
Можно отказаться, но удобно ведь?
Самый простой выход написать вместо злополучного экспериментального padding-box:
Во всех случаях, когда
Это работает точно также.
Народ пробует также городить что то вроде:
|
|
-moz-box-sizing:padding-box; box-sizing:padding-box; -webkit-box-sizing:padding-box; |
но хрому то до лампочки :). Так что пока будем пользовать border-box.
Данная запись опубликована в 19.09.2015 16:15 и размещена в рубрике Танцы с CSS.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Июнь 21, 2020 г.
Небольшая тулза по конвертации SVG картинок в CSS backgroung-image код.
Рекомендую предварительно произвести оптимизацию изображения, убрать лишние/невидимые слои, маркеры программ редакторов SVG, лишние теги и т.п.
Вы можете загрузить SVG в ...
Читать
Сентябрь 3, 2021 г.
Мы рассмотрим здесь как обрезать текст и добавить многоточие средствами CSS. Это еще одна классическая проблема фронт-енда, как не позволить тексту менять геометрию контейнера, если он не влазит целиком.
CSS предоставляет специальное свойство для ...
Читать
Август 29, 2019 г.
Небольшие векторные элементы очень удобно вставлять как часть CSS кода. Хочу показать пример, как сделать их еще и параметрически зависимыми, при компиляции из LESS.
К примеру, при ребрендинге или использовании кусочка стилей на другом сайте, вы ...
Читать
Сентябрь 25, 2025 г.
Иногда кнопки на сайте содержат очень разный по длине текст. С коротким текстом всё просто: он помещается в одну строку и выглядит аккуратно. Но как только ...
Читать