Nasıl kullanılır
- Tablo oluşturmak için Tablo sekmesini, gölge için Box Shadow sekmesini açın.
- Tablo için satır ve sütun sayısını, tablo genişliğini ve kenarlık kalınlığını ayarlayın. Gölge için kaydırıcılarla kaydırma, bulanıklık ve yayılma değerlerini değiştirin.
- Önizlemeyi kontrol edin, ardından kod bloğunun üstündeki kopyala simgesini kullanın.
Tablo sekmesi, bir başlık satırı ile belirlediğiniz sayıda gövde satırı ve sütunu olan bir HTML tablosu oluşturur. Başlık hücreleri Header 1 gibi, gövde hücreleri Cell 1-1 gibi metinlerle doldurulur; bunları kendi içeriğinizle değiştirirsiniz. Genişlik alanı herhangi bir CSS genişlik değerini kabul eder, varsayılanı 100%'dür; kenarlık alanı ise kenarlık kalınlığını piksel olarak belirler. Kopyalanan kod, gen-table adlı bir sınıf için birleştirilmiş kenarlıklar, hücre dolgusu, gölgeli bir başlık, çizgili çift satırlar ve üzerine gelince değişen bir renk tanımlayan bir style bloğuyla başlar; ardından tablo kodu gelir.
Box Shadow sekmesi tek bir box-shadow bildirimi üretir. Yatay ve dikey kaydırmayı (-50 ile 50 px), bulanıklık yarıçapını (0 ile 100 px), yayılmayı (-50 ile 50 px), gölge rengini (CSS renk değeri olarak) ve iç gölge için bir inset seçeneğini kontrol edersiniz. Varsayılan renk, açık tonlu saydam siyahtır. Önizleme kutusu, kaydırıcıları oynattıkça güncellenir.
Her iki sekme de kodu kopyalama düğmesi olan bir blokta gösterir. Satır ve sütun sayıları en az 1, kenarlık değeri ise en az 0 olmalıdır.
Kod tarayıcınızda oluşturulur ve hiçbir şey yüklenmez.
Sık sorulan sorular
Tablo stil ile birlikte mi geliyor?
Evet. Çıktı, gen-table sınıfı için kenarlıklar, dolgu, gölgeli bir başlık, çizgili satırlar ve üzerine gelince değişen bir renk içeren bir style bloğu barındırır. Bunu düzenleyebilir veya kaldırabilirsiniz.
Hücreleri birleştirebilir ya da başlık (caption) ekleyebilir miyim?
Hayır. Oluşturucu, tek başlık satırı olan sade bir ızgara üretir. Daha fazlası gerekiyorsa kopyaladığınız kodu düzenleyin.
Gölgede yayılma değeri ne işe yarar?
Gölgeyi bulanıklaştırmadan önce büyütür veya küçültür. Pozitif değerler gölgeyi büyütür, negatif değerler küçültür.
İç gölge yapabilir miyim?
Evet. inset seçeneğini işaretleyin; çıktı inset anahtar sözcüğüyle biter.
Girdiğim değerler bir yere gönderiliyor mu?
Hayır. Kod tarayıcınızda oluşturulur.