Регистрация Войти
Войти через VK Войти через FB Войти через Google Войти через Яндекс

Поиск по сайту

Наш Telegram бот: @htmlweb_bot

Повторение рисунка рамки. Свойство border-image-repeat

Рисунок для рамки – изображение для рамки

stretch

repeat

round

Исходный код этого примера:

<style>
    .wrap {
        text-align: center;
    }
    .wrap div {
        width: 200px;
        height: 100px;
        line-height: 100px;
        display: inline-block;
        text-align: center;
        font-size: 18px;
        border-style: solid;
        border-image-source: url(border_image.png);
        border-image-width: 20px;
        border-image-slice: 30;
    }
</style>
<div class="wrap">
    <div style="border-image-repeat: stretch;">stretch</div>
    <div style="border-image-repeat: repeat;">repeat</div>
    <div style="border-image-repeat: round;">round</div>
</div>

.
Прокомментировать/Отблагодарить