search

Home  >  Article  >  Web Front-end  >  CSS border image slicing

CSS border image slicing

WBOY
WBOYforward
2023-09-16 19:57:081357browse

CSS 边框图像切片

#CSS border-image-slice property is used to slice the border image.

Example

You can try running the following code to implement the border - image-slice property -

Live Demo

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

The above is the detailed content of CSS border image slicing. 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：How to apply two CSS classes to a single element?Next article：How to apply two CSS classes to a single element?

Related articles

See more