Добрый день, вопрос возник. В свойстве border-image-slice если единица измерения не указана, например border-image-slice: 60 - то имеются ввиду пиксели?
То есть это равноценно такой записи?: border-image-slice: 60px
Если единица измерения не указана, то для растровых изображений это пиксели, для векторных - координаты
Тогда возникает вопрос (на самом деле их несколько, но вот первый):
Здесь мы рисуем круглую рамку.
Сначала задаем border-image-source, получаем 4 картинки по краям border, это понятно.
Затем задаем border-image-slice: 180
Я посмотрел размеры картинки они - 969 на 1194 px. Картинка нарезается 4-мя направляющими, и отображается как ожидалось. Но если ставлю 180px - картинка опять отображается по 4-м углам.
Я в растровых/векторных изображениях пока что не разбираюсь, есть ощущение, что она векторная (по виду)., но расширение png-а оно соответствует растровому формату. Так что скорее всего растр.
Сорян, не совсем правильно написал.
border-image-slice принимает в качестве значения либо число (просто цифру без всяких единиц), либо проценты.
Почитайте статью на MDN, может разберетесь, она правда не переведена толком (совсем не переведена). https://developer.mozilla.org/ru/docs/Web/CSS/border-image-slice
там тоже самое написано:
The represents pixels for raster images and coordinates for vector images
Я так понял, раз картинка растровая(формат png), то в нашем случае не должно быть разницы, 180 или 180px.
Но 180px почему то не хотят восприниматься.
Вы вот это не увидели “Note that a length value is not allowed, and therefore invalid”
1 лайк
А, да вижу. Спасибо!
позволено только https://developer.mozilla.org/ru/docs/Web/CSS/number
или percentage