PHP & JavaScript Room :: 設置サンプル

実行結果

border-image-width

ソース

<style type="text/css">
#d_borderimagerwidth1 {
    border-image:url(/content/img/css/tape_yellow.png) 5 5 0 5 / 5px 5px 0 5px;
    -webkit-border-image:url(/content/img/css/tape_yellow.png) 5 5 0 5 / 5px 5px 0 5px;
    -moz-border-image:url(/content/img/css/tape_yellow.png) 5 5 0 5 / 5px 5px 0 5px;
    -ms-border-image:url(/content/img/css/tape_yellow.png) 5 5 0 5 / 5px 5px 0 5px;
    -o-border-image:url(/content/img/css/tape_yellow.png) 5 5 0 5 / 5px 5px 0 5px;
    margin:10px; padding:10px 0 20px 20px;
    width:15em;
    line-height:1;
}
#d_borderimagerwidth1 span {
    transform: rotate(-2deg); 
    -webkit-transform: rotate(-2deg); 
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    display:block;
}
</style>

<div id="d_borderimagerwidth1"><span>border-image-width</span></div>

polarized women