Home > Article > Web Front-end > Set border image width using CSS

Set border image width using CSS

王林forward: 2023-08-26 22:09:281205browse

使用 CSS 设置边框图像宽度

The border-image-width property is used to set the border image width via CSS.

Example

You can try running the following command to implement the code of border-image-width property -

Live Demonstration

<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: 40;
            border-image-width: 20px;
         }
      </style>
   </head>
   <body>
      <p id = "borderimg1">This is image border example.</p>
   </body>
</html>

The above is the detailed content of Set border image width using CSS. For more information, please follow other related articles on the PHP Chinese website!

css border

Statement：

This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete

Previous article：Use CSS filters to create blurry images or textNext article：Use CSS filters to create blurry images or text

See more

Set border image width using CSS

Example

Related articles