logo

CSS'de metnin altı nasıl çizilir?

CSS Metin dekorasyonu özelliği: -

Önemli metni vurgulamak için alt çizgiler kullanılabilir. U öğesi ve CSS text-decoration özelliği, web sayfalarındaki metnin altını çizmek için en çok kullanılan iki tekniktir.

Her ikisinin de kullanımı kolaydır ancak U öğesi anlama anlamsal değer katar. Bir diğeri talep üzerine görüntülenebilir ve metne CSS sınıfları ekleyerek altı çizili durumu değiştirmeyi kolaylaştırır.

Alt çizgilerin anlamı veya erişilebilirliği ifade etmek için yararlı olup olmadığı tartışma konusudur. Alt çizgiler, rengin tek başına anlamı ifade etmek için yeterli olmadığı durumlarda daha fazla kullanıcı deneyimi değeri sunan doğal bir yaklaşımdır.

text-decoration özelliği metnin altını çizmenin alternatif bir yolunu sunar. Köprülü metin, alt çizgileri üst çizgilerle değiştirmek için de kullanılabilir.

Üst çizgi, alt çizginin tersidir. Metnin üstüne bir satır eklenir.

Aynı sınıf tanımı için tüm altı çizili ve üst çizili değerleri kullanabiliriz. text-decoration özelliği, metnin çeşitli şekillerde nasıl sunulacağını yönetir. text-decoration altı çizili olarak ayarlandığında, bileşenin içindeki metnin altı çizilir.

Metin süsleme CSS özellikleri metin için harikadır ancak tasarım açısından kısıtlanabilirler ve metin dışı içerik türlerine uygulanamazlar. Alt çizgiler ayrıca CSS kenarlık nitelikleriyle de oluşturulabilir.

hashmap'in dahili çalışması

Text-decoration özelliği metnin altını çizmenin en temel yoludur. Metin süslemenin en önemli dezavantajı yapılandırılamaz olmasıdır.

Text-decoration özelliği, seçilen metni vurgulamak için altını çizmeyi, üstünü çizmeyi, satır geçişini veya çizgi kombinasyonunu kullanır.

Text-decoration-line özelliği kullanılarak içeriğin altı çizilir. Üst çizgi, alt çizgi ve üst çizgi bu özniteliğin üç seçeneğidir. CSS'de alt çizgi özelliği metni vurgulamak için kullanılır. Alt çizgi, bu değere sahip satır içi metnin altına çizilir.

Alt metin öğeleri arasında metin süslemeleri çizilir. Bu, bir öğe bir metin dekorasyonunu tanımladığında dekorasyonun bir alt öğe tarafından kaldırılamayacağı anlamına gelir.

Java'yı dizmek için bool

Hiçbir çizgi çizilmez ve mevcut süslemeler silinir.

Altını çizmek: Metnin taban çizgisi boyunca 1 piksellik bir çizgi çizilir.

Hat boyunca: metnin 'orta' noktasına 1 piksellik bir satır ekler.

Üst çizgi: metin boyunca metnin 'üst' noktasının hemen üzerine 1 piksellik bir satır ekler.

Miras: ebeveynin dekorasyonunu devralır.

Metin dekorasyonu, aşağıdakiler için bir kısayol özelliği olan text-decoration özelliği aracılığıyla belirtilir:

  • metin-dekorasyon-satırı (gerekli)
  • metin-dekorasyon-rengi
  • metin-dekorasyon-tarzı
  • metin-dekorasyon-kalınlığı

üst çizgi, altı çizili, altı çizili-üstçizgi, çizgi-geçiş metin-dekorasyon-çizgi altına gelir.

icloud fotoğraflarına nasıl erişilir

Düz, noktalı, kesikli, dalgalı, çift metin dekorasyon tarzına girer.

Ondalık değerde, onaltılık değerde veya devralmadaki renk, metin-dekorasyon-rengi altına gelir.

border-bottom özelliği metin dekorasyonuna bir alternatiftir. Dolgu sağlamak için border-bott'u da kullanabiliriz.

Sözdizimi: -

 text-decoration: text-decoration-line | text-decoration-color | text-decoration-style | text-decoration-thickness 

Şimdi bir örnek arayalım ve text-decoration özelliğinin kullanımını anlayalım.

Metin dekorasyonu: altı çizili üst çizgi

Örnek: -

 h1 { text-decoration: underline overline dotted purple; } h3 { text-decoration: underline wavy cyan 10px;} <h2>This is an example of text decoration property color using underline overline. </h2> <h3>This is an example of text decoration property color using line-through. </h3> 

Çıktı:

CSS'de metnin altı nasıl çizilir?