Générateur d’images de bordure

Cet outil génère des déclarations CSS `border-image` à partir de cinq entrées : source, slice, width, outset et mode de répétition. La source accepte toute valeur valide `border-image-source` comme `url(border.png)` ou tout dégradé CSS. Un aperçu en direct rend le résultat sur une bordure `20px solid transparent`, et la sortie est affichée à la fois en notation abrégée et en propriétés individuelles.

1. Définissez Source sur un dégradé ou `url(...)`. Par défaut `linear-gradient(45deg, #f3ec78, #af4261)`. 2. Définissez Slice (par défaut `1`), Width (par défaut `20px`) et Outset (par défaut `0`). 3. Choisissez un mode de répétition : stretch, repeat, round ou space. 4. L'aperçu se met à jour en direct. 5. Cliquez sur Copier pour copier le bloc CSS complet, ou Télécharger pour enregistrer sous `border-image.css`.

Abréviation générée : `border-image: <source> <slice> / <width> / <outset> <repeat>;`. Le bloc complet énumère aussi `border-image-source`, `-slice`, `-width`, `-outset`, `-repeat` individuellement et inclut la base requise `border: 20px solid transparent;`. Modes de répétition : `stretch` (par défaut, met les côtés à l'échelle), `repeat` (carrelingue sans mise à l'échelle), `round` (carrelingue et étire pour faire carreaux entiers), `space` (carrelingue avec espace supplémentaire distribué).