У меня есть пограничное изображение, которое я создал, который представляет собой квадратный дизайн с конкретным дизайном, который я ожидаю увидеть в каждом углу.
Однако кажется, что граница простирается за пределы просмотра.
width: calc(100vw - 95px);
height: calc(100vh - 82px);
< /code>
А потом это больше похоже на предположение, но мне интересно, зачем мне это сделать в первую очередь? Я бы надеялся, что такое значение, по крайней мере, будет таким же, как у моего изображения, а граница - симметричный квадрат? Какие CSS мне не хватает, чтобы предотвратить границу, запускающуюся с видового порта? class = "Snippet-Code-Html Lang-Html PrettyPrint-Override">
Border Image Test
body {
margin: 0;
padding: 0;
}
border-image {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
pointer-events: none;
border-style: solid;
border-width: 50px;
border-image-slice: 20%;
border-image-repeat: round;
border-image-source: url(https://i.sstatic.net/6JkZjaBM.png);
}
У меня есть пограничное изображение, которое я создал, который представляет собой квадратный дизайн с конкретным дизайном, который я ожидаю увидеть в каждом углу. Однако кажется, что граница простирается за пределы просмотра.[code]width: calc(100vw - 95px); height: calc(100vh - 82px); < /code> А потом это больше похоже на предположение, но мне интересно, зачем мне это сделать в первую очередь? Я бы надеялся, что такое значение, по крайней мере, будет таким же, как у моего изображения, а граница - симметричный квадрат? Какие CSS мне не хватает, чтобы предотвратить границу, запускающуюся с видового порта? class = "Snippet-Code-Html Lang-Html PrettyPrint-Override">
Мобильная версия