AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

Ширина рамки-изображения. Свойство border-image-width

Рисунок для рамки – рисунок для рамки

Разные значения свойства border-image-width

2
30%
30px 30px 15px
auto

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

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


.

© Copyright 2008- by KDG



Rambler's Top100