Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Muslim Mamaev
@muslim_mamaev
Новичок изучаю css
CSS
Как с круглить углы?
Здравствуйте! как скруглить углы внутренней обводки?
outline: 2px dashed red;
outline-offset: -10px;
Вопрос задан
более трёх лет назад
179 просмотров
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Rustam Bainazarov
@SmthTo
Куратор тега CSS
Все перепёлки мира будут оплакивать мою смерть.
Outline закруглить можно только в Firefox.
Такую штуку, как у вас, в силу ограничений кроссбраузерной стилизации outline, делают с помощью, например, отдельного элемента (псевдоэлемента):
snippet
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
1
Natalia ivanova
@Natalia_ai
люблю вёрстку
Один из вариантов такой
https://codepen.io/Natalia_ai_ivanova/pen/dyyQRpm
Ответ написан
более трёх лет назад
5
комментариев
Нравится
5
комментариев
Facebook
Вконтакте
Twitter
Muslim Mamaev
@muslim_mamaev
Автор вопроса
Обводка вылазит за блока
Написано
более трёх лет назад
Natalia ivanova
@Natalia_ai
Muslim Mamaev
, спасибо. Поправила.
Написано
более трёх лет назад
Muslim Mamaev
@muslim_mamaev
Автор вопроса
Natalia ivanova
, не совсем поправила.При уменьшении окошко,обводка становиться на равне с блоком
Написано
более трёх лет назад
Muslim Mamaev
@muslim_mamaev
Автор вопроса
Natalia ivanova
, я делаю адаптивный дизайн,и поэтому хочу чтобы с телефона норм выглядил
Написано
более трёх лет назад
Rustam Bainazarov
@SmthTo
Куратор тега CSS
В процентах лучше не задавать такое (где важны одинаковые отступы по X и Y), т. к. всё будет теперь зависеть от габаритов блока по ширине. Поэтому при сжатии блока расстояние от края до линии меняется вплоть до наложения.
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Растягиваются колонки таблицы, при table { width: 100%} и col: { width: 200px }, как исправить это поведение?
1 подписчик
7 часов назад
58 просмотров
2
ответа
CSS
Простой
Почему не центрируется текст?
1 подписчик
вчера
115 просмотров
2
ответа
CSS
Простой
Vite при сборке проекта Laravel + React искажает CSS свойства, как решить?
1 подписчик
30 мар.
168 просмотров
0
ответов
HTML
+1 ещё
Простой
Как наложить на фон ещё объекты с текстом внутри?
1 подписчик
27 мар.
126 просмотров
0
ответов
HTML
+1 ещё
Простой
Как реализовать такой слайдер товаров?
1 подписчик
25 мар.
179 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сделать что бы текст был обернут линией?
1 подписчик
25 мар.
136 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как сделать пролистывание картинок в карточке товара?
1 подписчик
25 мар.
203 просмотра
2
ответа
CSS
Простой
Как вырезать плавно углы у блока css?
2 подписчика
23 мар.
151 просмотр
0
ответов
HTML
+1 ещё
Средний
Как правильно нужно скопировать элемент сайта?
1 подписчик
22 мар.
116 просмотров
1
ответ
CSS
Простой
Как избежать скролла в инпуте при letter-spacing?
1 подписчик
22 мар.
80 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-программист (Bitrix) / PHP, CSS, JS (Fullstack)
OX8.RU
от 70 000 до 150 000 ₽
Фронтенд разработчик Middle
Astra Health Tech
•
Москва
от 200 000 до 250 000 ₽
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама