communauté Apprendre Bibliothèque d'outils Loisirs

Français

Maison > interface Web > tutoriel CSS > Définir la largeur de l'image de bordure à l'aide de CSS

Définir la largeur de l'image de bordure à l'aide de CSS

王林

Libérer： 2023-08-26 22:09:28

avant

1284 Les gens l'ont consulté

使用 CSS 设置边框图像宽度

La propriété border-image-width est utilisée pour définir la largeur de l'image de bordure via CSS.

Exemple

Vous pouvez essayer d'exécuter la commande suivante pour implémenter le code de la propriété border-image-width -

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

Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source：tutorialspoint.com

Article précédent：Utilisez des filtres CSS pour créer des images ou du texte flous Article suivant：Comment définir la fenêtre d'affichage ?

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur