Kullanıcının ilgisini çeken web siteleri genellikle zaman zaman birden fazla stil metodolojisinin eklenmesini gerektirir. Bu gibi durumlarda siteyi ön plana çıkarmak için metin dekorasyonunun şekillendirilmesi gereksinimlere göre farklı değerlere göre birden fazla şekilde gerçekleştirilebilir.
Bu blog aşağıdaki içerik alanlarını kapsayacaktır:
Tailwind CSS'de Metin Dekorasyon Stili Nasıl Ayarlanır?
Metin stili “ yardımıyla ayarlanabilir ve dekore edilebilir. metin-dekorasyon-tarzı ” özelliği farklı stil değerleriyle tahsis edilmiştir.
Metin Dekorasyon Stili Özellikleri
Sınıf | Özellikler |
dekorasyon katı | metin-dekorasyon stili: katı; |
dekorasyon-çift | metin-dekorasyon stili: çift; |
dekorasyon dalgalı | metin-dekorasyon stili: dalgalı; |
dekorasyon-kesikli | metin-dekorasyon stili: kesikli; |
dekorasyon noktalı | metin-dekorasyon stili: noktalı; |
Örnek: Tailwind CSS'de Metin Dekorasyon Stilini Ayarlama
Bu örnekte yukarıda tartışılan ' metin-dekorasyon-tarzı Paragraf metnine stil vermek için tüm değerleri içeren ” özelliği:
DOCTYPE HTML'si >< HTML >
< KAFA >
< meta karakter kümesi = 'utf-8' >
< meta isim = 'görüntü alanı' içerik = 'genişlik=aygıt genişliği, başlangıç ölçeği=1' >
< senaryo kaynak = 'https://cdn.tailwindcss.com' > senaryo >
KAFA >
< vücut >
< div >
< P sınıf = 'altı çizili dekorasyon-sağlam ...' > Burası Linuxhint Web Sitesi P >
< P sınıf = 'altı çizili dekorasyon-çift ...' > Burası Linuxhint Web Sitesi P >
< P sınıf = 'altı çizili dekorasyon-dalgalı ...' > Burası Linuxhint Web Sitesi P >
< P sınıf = 'altı çizili dekorasyon-kesikli ...' > Burası Linuxhint Web Sitesi P >
< P sınıf = 'altı çizili dekorasyon noktalı ...' > Burası Linuxhint Web Sitesi P >
div >
vücut >
HTML >
Bu koda dayanarak aşağıdaki adımları uygulayın:
-
- Verilenleri dahil et “ CDN “ içindeki yol
Tailwind işlevlerini uygulamak için ” etiketi. - Şimdi “” komutunu kullanarak dört paragraf oluşturun. ' içeren ' etiketi metin dekorasyonu ” özelliği, tartışıldığı gibi her durumda farklı bir değerle atanır.
- Bu sonuç olarak metnin altını düz, çift, dalgalı, kesikli ve noktalı çizgilerle vurgular.
- Verilenleri dahil et “ CDN “ içindeki yol
Çıktı
Bu sonuçtan metnin buna göre süslendiği doğrulanmaktadır.
Çözüm
Metin stili “ yardımıyla ayarlanabilir ve dekore edilebilir. metin-dekorasyon-tarzı ” özelliği farklı stil değerleriyle tahsis edilmiştir. Bu değerler katı, çift, dalgalı, kesikli ve noktalı değerleri içerir. Bu blog tamamen Tailwind CSS kullanarak metin süsleme stilini ayarlamakla ilgiliydi.