online Editor
border-image-source | Border - CSSリファレンス
border-image - 1 - CSS3のborder-imageを利用したサンプルです。
<!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="UTF-8"> <title>sample1</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .target{ width:27px; height:27px; border: 27px solid orange; border-image-source:url("/sample/images/border.png"); border-image-slice :27; border-image-width : 1; border-image-outset : 0; border-image-repeat : round; } </style> </head> <body> <div class="target"><div> </body> </html>
HTMLを反映する >>
タグ:
border-image
CSS3
Web Creative Park