Задать вопрос
petushok55
@petushok55
Обучаюсь на практике.

Почему рамка не надевается дальше углов?

border1.png (50x50)
65c3cdfcaf21b518058582.png

.legaBorder{
    border-image-source: url(border1.png);
    border-image-repeat: repeat;
    border-image-width: 36px;
    border-image-slice: 42;
    background: radial-gradient(circle, #1b1d23, #1b1d23, #111116ab)
}


Выглядит так
65c3ce0ccec1b749988780.png
  • Вопрос задан
  • 62 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Почему рамка не надевается дальше углов?

Потому что 46 это очень много для картинки 50х50. Всяко меньше половины должно быть.
Почитайте что делает border-image-slice.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы