задумался, а каким методом это будет лучше сделать в вебе?
Интернеты почитал, все разное советуют, кто-то через аутлайн отрицательный, кто-то через тень вообще внутреннюю. Какие подводные вообще могут быть и шо лучше юзать?
P.s внешней её оставлять уже не вариант, потому что элементы становятся огромными, относительно filled
Что мешает задать блоку box-sizing: border-box, чтобы обводка не увеличивала размер ?
А как это поможет? На самом деле бокс сайзинг имеет смысл щадавайть олинаковый для всего сайта. И не приведи вас господь к смене ширины бордера при любом бордер боксе - браузер все равно запустит рекалькуляцию размеров.
Привет. Делай через box-shadow 👍
Спасибо, тоже к этому пришел, а то у аутлайна транзишена нет, как я понял
есть, но в сафари только в этом году завезли поддержку аутлайном бордер-радиуса.)
Эээ погоди, овальный ауэтлайн вроде в хром последним завезли. Просто хрома старого не существует, а сафри древний живёт и его даже насильно не обновить на старых девайсах.
нагуглил что хром с 91 версии поддерживает, а это 21 год. А в сафари завезли в феврале 23 или около того
Возможно, но мне почему то помнится что у нас студенты это лепили, кто в хроме не проверял. Я ещё помню меня добивала "переходная стадия" хрома, когда встроенные аутлайны от фокуса скруглялись, а заданные руками - нет.
Обсуждают сегодня