box-sizing: padding-box на Chrome

Пока Хром не поддерживает данное значение атрибута спецификации CSS, что то надо делать!

Можно отказаться, но удобно ведь?

Самый простой выход написать вместо злополучного экспериментального padding-box:

Во всех случаях, когда

Это работает точно также.

Народ пробует также городить что то вроде:

но хрому то до лампочки :). Так что пока будем пользовать border-box.

Мало букафф? Читайте есчо !

Псевдоклассы состояния контейнера input

Октябрь 24, 2018 г.

Хотелось бы выделить такой перечень css псевдоклассов и приемов работы с ними, который основан на состоянии элемента INPUT. :checked псевдокласс Позволяет писать стили для радио/чек - боксов, которые выделены (checked) в текущий момент. [crayon-6ae63705d80e2927816335/] ...

Читать

Ошибка background-size:cover в Firefox при рендеринге svg

Сентябрь 21, 2021 г.

По какой то причине firefox не верно отрабатывает свойство background-size: cover для SVG. Чтобы воспроизвести попробуйте задать стили вроде: [crayon-6ae63705d82e0004437015/] Чтобы исправить ситуацию, вы можете заменить размер фона на следующий: ...

Читать

Делаем эффект параллакса для заднего фона на сайте

Октябрь 19, 2015 г.

Очень простая мулька, но выглядит при соответствующем фоне потрясающе. Сделаем так, чтобы при скроллинге страницы, фон двигался вдвое медленнее, создавая что то вроде эффекта параллакса. Этот кусочек скрипта привязывает нас к событию onscroll окна. ...

Читать

Простые CSS анимации, которые оживят ваш сайт

Апрель 14, 2025 г.

Иногда даже одно лёгкое движение может сделать сайт запоминающимся. Не нужно быть мастером фронтенда, чтобы добавить немного магии в интерфейс — иногда достаточно пары строк CSS. Простые анимации делают сайт динамичным, визуально приятным и интуитивно ...

Читать
 

Комментарии к «box-sizing: padding-box на Chrome»

Понравилась статья? Есть вопросы? - пишите в комментариях.



Комментарий: