Penjana Imej Sempadan

Alat ini menjana deklarasi CSS `border-image` daripada lima input: sumber, slice, lebar, outset, dan mod ulangan. Sumber menerima sebarang nilai `border-image-source` yang sah seperti `url(border.png)` atau sebarang kecerunan CSS. Kotak pratonton langsung memaparkan hasil pada sempadan `20px solid transparent`, dan keluaran ditunjukkan sebagai bentuk ringkas dan sifat panjang.

1. Tetapkan Sumber kepada kecerunan atau `url(...)`. Lalai ialah `linear-gradient(45deg, #f3ec78, #af4261)`. 2. Tetapkan Slice (lalai `1`), Lebar (lalai `20px`), dan Outset (lalai `0`). 3. Pilih mod Ulangan: stretch, repeat, round, atau space. 4. Pratonton dikemas kini secara langsung. 5. Klik Copy untuk menyalin blok CSS penuh, atau Download untuk menyimpannya sebagai `border-image.css`.

Bentuk ringkas yang dikeluarkan: `border-image: <source> <slice> / <width> / <outset> <repeat>;`. Blok penuh juga menyenaraikan `border-image-source`, `-slice`, `-width`, `-outset`, `-repeat` secara individu dan termasuk asas `border: 20px solid transparent;` yang diperlukan. Mod ulangan: `stretch` (lalai, menskalakan sisi), `repeat` (jubin tanpa penskalaan), `round` (jubin dan diregangkan agar muat bilangan jubin penuh), `space` (jubin dengan ruang tambahan diagihkan).