BlackFullMoon 1
BlackFullMoon
Agora Metin2 1
Agora Metin2
PrimeAC 1
PrimeAC
ShadowFon 1
ShadowFon
noisiv 1
noisiv
Manwe Work 1
Manwe Work
romegames 1
romegames
kralhakan2009 1
kralhakan2009
Vahsi Uzman 1
Vahsi Uzman
Bvural41 1
Bvural41
Hikaye Ekle
Reklam vermek için turkmmo@gmail.com

CSS İle Metin Gölgesi Oluşturma..

  • Konuyu başlatan Konuyu başlatan ByESiNTi
  • Başlangıç tarihi Başlangıç tarihi
  • Cevaplar Cevaplar 5
  • Görüntüleme Görüntüleme 423

ByESiNTi

ByESiNTi TURKMMO
Banlı
Katılım
21 Nis 2021
Konular
1,033
Mesajlar
4,724
Çözüm
15
Online süresi
3mo 27d
Reaksiyon Skoru
1,970
Altın Konu
343
TM Yaşı
5 Yıl 1 Ay 22 Gün
Başarım Puanı
287
Yaş
51
MmoLira
3,408
DevLira
12
Ticaret - 0%
0   0   0

ROHAN2 WORLD 1-120 TR TİPİ OFFICIAL YOHARA, BALATHOR VE AMON! 80. GÜNÜNDE! +10.000 ONLİNE! HİLE VE BOT %100 ENGELLİ HEMEN TIKLA!

Metin gölgesi

text-shadow metne gölge ekler.

En basit kullanımında, yalnızca yatay gölgeyi (2px) ve dikey gölgeyi (2px) belirtirsiniz:




Kod:
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
  text-shadow: 2px 2px;
}
</style>
</head>
<body>

<h1>Text-shadow effect!</h1>

</body>
</html>


Ardından, gölgeye bir renk (kırmızı) ekleyin:


Kod:
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
  text-shadow: 2px 2px red;
}
</style>
</head>
<body>

<h1>Text-shadow effect!</h1>

</body>
</html>

Ardından, gölgeye bir bulanıklık efekti (5 piksel) ekleyin:



Kod:
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
  text-shadow: 2px 2px 5px red;
}
</style>
</head>
<body>

<h1>Text-shadow effect!</h1>

</body>
</html>



Tüm CSS Metin Özellikleri

PropertyDescription
Sets the color of text
Specifies the text direction/writing direction
Increases or decreases the space between characters in a text
Sets the line height
Specifies the horizontal alignment of text
Specifies the decoration added to text
Specifies the indentation of the first line in a text-block
Specifies the shadow effect added to text
Controls the capitalization of text
Specifies how overflowed content that is not displayed should be signaled to the user
Used together with the direction property to set or return whether the text should be overridden to support multiple languages in the same document
Sets the vertical alignment of an element
Specifies how white-space inside an element is handled
Increases or decreases the space between words in a text

CSS Yazı Tipleri

Web siteniz için doğru yazı tipini seçmek önemlidir!


Yazı Tipi Seçimi Önemlidir

Doğru yazı tipini seçmek, okuyucuların bir web sitesini nasıl deneyimledikleri üzerinde büyük bir etkiye sahiptir.

Doğru yazı tipi, markanız için güçlü bir kimlik oluşturabilir.

Okunması kolay bir yazı tipi kullanmak önemlidir. Yazı tipi, metninize değer katar. Yazı tipi için doğru renk ve metin boyutunu seçmek de önemlidir.



Genel Yazı Tipi Aileleri

CSS'de beş genel yazı tipi ailesi vardır:

  1. Serif yazı tiplerinin her harfin kenarlarında küçük bir çizgi vardır. Bir formalite ve zarafet duygusu yaratırlar.
  2. Sans-serif yazı tiplerinde temiz çizgiler vardır (küçük vuruşlar eklenmez). Modern ve minimalist bir görünüm yaratırlar.
  3. Tek aralıklı yazı tipleri - burada tüm harfler aynı sabit genişliğe sahiptir. Mekanik bir görünüm yaratırlar.
  4. Cursive yazı insan el yazısı taklit.
  5. Fantezi yazı tipleri dekoratif/eğlenceli yazı tipleridir.
Tüm farklı yazı tipi adları, genel yazı tipi ailelerinden birine aittir.


Serif ve Sans-serif Yazı Tipleri Arasındaki Fark​

Serif vs. Sans-serif

Not: Bilgisayar ekranlarında sans-serif yazı tiplerinin okunması, serif yazı tiplerine göre daha kolay kabul edilir.

Bazı Yazı Tipi Örnekleri

Generic Font FamilyExamples of Font Names
SerifTimes New Roman
Georgia
Garamond
Sans-serifArial
Verdana
Helvetica
MonospaceCourier New
Lucida Console
Monaco
CursiveBrush Script MT
Lucida Handwriting
FantasyCopperplate
Papyrus

CSS yazı tipi ailesi Özelliği

CSS'de, font-familybir metnin yazı tipini belirtmek için özelliği kullanırız.

font-familyMülkiyet tarayıcılar / işletim sistemleri arasındaki maksimum uyumluluğu sağlamak için, "yedek" sistemi olarak birçok yazı adlarını tutmak gerekir. İstediğiniz yazı tipiyle başlayın ve genel bir aile ile bitirin (başka yazı tipi yoksa tarayıcının genel ailede benzer bir yazı tipi seçmesine izin vermek için). Yazı tipi adları virgülle ayrılmalıdır.

Not : Yazı tipi adı birden fazla kelimeyse, "Times New Roman" gibi tırnak işaretleri içinde olmalıdır.


Kod:
<!DOCTYPE html>
<html>
<head>
<style>
.p1 {
  font-family: "Times New Roman", Times, serif;
}

.p2 {
  font-family: Arial, Helvetica, sans-serif;
}

.p3 {
  font-family: "Lucida Console", "Courier New", monospace;
}
</style>
</head>
<body>

<h1>CSS font-family</h1>
<p class="p1">This is a paragraph, shown in the Times New Roman font.</p>
<p class="p2">This is a paragraph, shown in the Arial font.</p>
<p class="p3">This is a paragraph, shown in the Lucida Console font.</p>

</body>
</html>
 
Son düzenleme:
Konu Günceldir..
 
Paylaşım için teşekkürler :)
 
Paylaşım için teşekkürler :)
 

Şu an konuyu görüntüleyenler (Toplam : 0, Üye: 0, Misafir: 0)

Geri
Üst