Set the border image width with CSS

CSS Web Development Front End Technology

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

Example

You can try to run the following code to implement the border-image-width property −

<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>

Srinivas Gorla

Published on 02-May-2018 07:16:31

Related Questions & Answers
Set the width of image border with CSS
Set border width with CSS
CSS border-image-width
Set the width of an image with CSS
Set the width of the left border using CSS
Slice the border image with CSS
Set image as a border for elements with CSS
Set the border image as rounded, repeated and stretched with CSS
Change the width of the bottom border with CSS
The border-width Property in CSS
Set the height and width of an image using percent with CSS
Set Inset border with CSS
Set Outset border with CSS
Set the image path with CSS
Set the width of the outline with CSS

Previous Page Print Page