Generatore di immagini per le bordure dei documenti

Questo strumento genera dichiarazioni CSS `border-image` da cinque input: sorgente, slice, larghezza, outset e modalità di ripetizione. La sorgente accetta qualsiasi valore valido per `border-image-source` come `url(border.png)` o qualsiasi gradiente CSS. Un'anteprima live renderizza il risultato su un bordo `20px solid transparent`, e l'output viene mostrato sia come notazione abbreviata che come proprietà singole.

1. Imposta Sorgente su un gradiente o `url(...)`. Il predefinito è `linear-gradient(45deg, #f3ec78, #af4261)`. 2. Imposta Slice (predefinito `1`), Larghezza (predefinito `20px`) e Outset (predefinito `0`). 3. Scegli una modalità di ripetizione: stretch, repeat, round o space. 4. L'anteprima si aggiorna in tempo reale. 5. Clicca Copia per copiare l'intero blocco CSS, o Scarica per salvare come `border-image.css`.

Notazione abbreviata generata: `border-image: <source> <slice> / <width> / <outset> <repeat>;`. Il blocco completo elenca anche `border-image-source`, `-slice`, `-width`, `-outset`, `-repeat` singolarmente e include la base richiesta `border: 20px solid transparent;`. Modalità di ripetizione: `stretch` (predefinita, scala i lati), `repeat` (piastrella senza scalare), `round` (piastrella e allunga per adattare piastrelle intere), `space` (piastrella con spazio extra distribuito).