Kenarlık Resim Oluşturucu

Bu araç beş girdiden CSS `border-image` bildirimleri üretir: kaynak (source), dilim (slice), genişlik (width), dışa taşma (outset) ve tekrar modu. Kaynak, `url(border.png)` gibi geçerli herhangi bir `border-image-source` değerini veya herhangi bir CSS degradsini kabul eder. Canlı önizleme kutusu sonucu `20px solid transparent` kenarlıkta gösterir ve çıktı hem kısa (shorthand) hem de uzun (longhand) özellikler olarak sunulur.

1. Kaynağı bir degrade veya `url(...)` olarak ayarlayın. Varsayılan `linear-gradient(45deg, #f3ec78, #af4261)` şeklindedir. 2. Dilimi (varsayılan `1`), Genişliği (varsayılan `20px`) ve Dışa Taşmayı (varsayılan `0`) ayarlayın. 3. Bir tekrar modu seçin: stretch, repeat, round veya space. 4. Önizleme canlı güncellenir. 5. Tam CSS bloğunu kopyalamak için Copy'ye veya `border-image.css` olarak kaydetmek için Download'a tıklayın.

Üretilen kısa biçim: `border-image: <source> <slice> / <width> / <outset> <repeat>;`. Tam blok ayrıca `border-image-source`, `-slice`, `-width`, `-outset`, `-repeat` özelliklerini tek tek listeler ve gerekli `border: 20px solid transparent;` temelini içerir. Tekrar modları: `stretch` (varsayılan, kenarları ölçekler), `repeat` (ölçeklemeden döşer), `round` (tam karolar sığacak şekilde döşer ve gerer), `space` (fazla alanın dağıtıldığı döşeme).