Generatore di immagini per le bordure dei documenti
Gratuito online Generatore di immagini per le bordure dei documenti Strumento, nessuna installazione richiesta
Info sul Generatore Border Image
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.
Come Usare
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`.
Formato di Output e Modalità di Ripetizione
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).
▶Perché il mio border-image non appare senza un bordo?
▶Cosa posso inserire nel campo Sorgente?
▶Cosa salva il pulsante Download?
▶Qual è la differenza tra round e repeat?
Se questo strumento è stato di aiuto per te, considera l’idea di regalarmi un caffè.
Comprami un caffè.