Css İlk Harfi Büyük Yapmak? Gazeteler Gibi?

0 oy
572 Görünüm
9, Temmuz, 2017 Css kategorisinde Musab Emre (296 puan) tarafından soruldu
Merhaba hani gazetelerde ilk harf büyük olur ya o tarzda ilk css'te de bunu yapmak mümkün mü? javascript vs olmadan?
Paylaş

1 cevap

+1 oy
9, Temmuz, 2017 KOD-KARTAL (8,691 puan) tarafından cevaplandı
9, Temmuz, 2017 Musab Emre tarafından seçilmiş
 
En İyi Cevap

Şimdi Alttaki Html Paragraf Yapımız Olsun Diyelim:

<p>W3 Uzman, Web'in Sevilen Platformu..W3 Uzman, Web'in Sevilen Platformu..W3 Uzman, Web'in Sevilen Platformu..W3 Uzman, Web'in Sevilen Platformu..W3 Uzman, Web'in Sevilen Platformu..W3 Uzman, Web'in Sevilen Platformu..W3 Uzman, Web'in Sevilen Platformu..W3 Uzman, Web'in Sevilen Platformu..W3 Uzman, Web'in Sevilen Platformu..W3 Uzman, Web'in Sevilen Platformu..W3 Uzman, Web'in Sevilen Platformu..W3 Uzman, Web'in Sevilen Platformu..W3 Uzman, Web'in Sevilen Platformu..W3 Uzman, Web'in Sevilen Platformu..W3 Uzman, Web'in Sevilen Platformu..W3 Uzman, Web'in Sevilen Platformu..W3 Uzman, Web'in Sevilen Platformu..W3 Uzman, Web'in Sevilen Platformu.. </p>

Buda Css Yapımız:

p{                // Önce Normal Paragraf Özellikleri(Renk vs) Tanımladık
	width:100%;
	background-color:#e5e5e5;
	padding:10px;
	color:#727272;
}

p:first-letter {  // Sonra first-letter seçicisi ile ilk harfi seçip özelliklerini ve rengini tanımladık
  font-size:65px;
  line-height: 50px;
  color:red;
  float: left;
  margin: 0 15px 0 0;
}

Genel Olarak :first-letter ile birinci harfi seçiyoruz sol tarafa yaslayıp satır yüksekliği ve yazı boyutunu yüseltiyoruz çevresinedeki yazılara mesafesi olsun diyede margin verdik

9, Temmuz, 2017 Musab Emre (296 puan) tarafından yorumlandı
teşekkürler
Bu Hafta En Aktif Üyeler
    ...