Computer >> Máy Tính >  >> Lập trình >> CSS

CSS border-image-repeat

Thuộc tính CSS border-image-repeat được sử dụng để đặt hình ảnh đường viền là làm tròn, lặp lại và kéo dài.

Ví dụ

Bạn có thể thử chạy mã sau để triển khai thuộc tính border-image-repeat -

<html>
   <head>
      <style>
         #borderimg1 {
            border: 15px solid transparent;
            padding: 15px;
            border-image-source: url(https://tutorialspoint.com/css/images/border.png);
            border-image-repeat: round;
            border-image-slice: 50;
            border-image-width: 10px;
         }
      </style>
   </head>
   <body>
      <p id = "borderimg1">This is image border example.</p>
   </body>
</html>