Пока Хром не поддерживает данное значение атрибута спецификации 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.
Вы можете перейти в конец страницы и оставить ваш комментарий.
Мало букафф? Читайте есчо !
Апрель 14, 2025 г.
Иногда даже одно лёгкое движение может сделать сайт запоминающимся. Не нужно быть мастером фронтенда, чтобы добавить немного магии в интерфейс — иногда достаточно пары строк CSS. Простые анимации делают сайт динамичным, визуально приятным и интуитивно ...
Читать
Июнь 21, 2020 г.
Небольшая тулза по конвертации SVG картинок в CSS backgroung-image код.
Рекомендую предварительно произвести оптимизацию изображения, убрать лишние/невидимые слои, маркеры программ редакторов SVG, лишние теги и т.п.
Вы можете загрузить SVG в ...
Читать
Апрель 7, 2017 г.
Среди простых, но эффектных способов оживить картинки на сайте есть следующий визуальный эффект, для которого нужны лишь CSS3 стили. Назовем его - "игра ...
Читать
Ноябрь 29, 2017 г.
Речь идет о том, чтобы показать изображение внутри контейнера так, чтобы оно заполнило собой весь контейнер, но при этом не изменились пропорции картинки.
Сейчас это актуально в связи с необходимостью поддержки отображения сайта на мобильных устройствах. ...
Читать