CSS ile küçük büyük harf biçimlendirme
Web tasarımlarınızda metin işlemlerini oldukça yoğun şekilde kullanıyoruz. Bu yazımızda CSS ile küçük büyük harf biçimlendirme işlemini inceleyeceğiz. text-transform özelliğini detaylı şekilde kullanacağız.
Tüm metni büyük yapmak için;
text-transform: uppercase;
Tüm metni küçük yapmak için;Tüm metni büyük yapmak için;
text-transform: uppercase;
text-transform: lowercase;
Sadece metnin ilk harflerini büyük yapmak için;
text-transform: capitalize;
Şimdi isterseniz bir uygulama üzerinde tüm öğrendiklerimizi uygulayıp detaylı öğrenelim.
<!DOCTYPE html>
<html>
<head>
<title>CSS Büyük-Küçük harf</title>
<meta charset="utf-8">
<style type="text/css">
.buyukHarf {
text-transform: uppercase;
}
.kucukHarf {
text-transform: lowercase;
}
.ilkHarfBuyuk {
text-transform: capitalize;
}
</style>
</head>
<body>
<div class="buyukHarf">
Burada büyük harf yazılacak
</div>
<div class="kucukHarf">
Burada küçük harf yazılacak
</div>
<div class="ilkHarfBuyuk">
Sadece ilk harf büyük yazılacak.
</div>
</body>
</html>
Yukarıdaki kodu bir metin editörüne yapıştırıp "html" ya da "htm" olarak kaydettikten sonra üzerine çift tıklayarak Chrome gibi bir web tarayıcısında açınız. Web tasarım sonucu aşağıdaki gibi olacaktır.

Mutlu kodlamalar,
Oğuzhan TAŞ
Mart 2018

Mutlu kodlamalar,
Oğuzhan TAŞ
Mart 2018

Dil Değiştir(Change Language)
Kategoriler
- Csharp(56)
- Csharp Formlar(20)
- Web Tasarım(10)
- CSS(24)
- JavaScript(32)
- PHP(50)
- Laravel(3)
- ASP.net(38)
- Excel(15)
- Güvenlik(4)
- E-Ticaret(3)
- Kariyer(5)
- SQL Server(29)
- MySQL(16)
- Linux(15)
- MacOSX(8)
- Ayarlar(12)
- Bilgisayar Ağları(3)
- Symfony(1)
- Teknoloji(7)
- VBS(1)
- Arduino(1)
- RaspberryPi(1)
- Algoritmalar(15)
- HTML(3)
- Python(2)
- Bash Script(6)
- C Programlama(10)
- Makine Öğrenmesi(0)
- Flutter - Dart(7)
En çok Okunan 18 Makale
- :: Excelde EĞER Fonksiyonu Kullanımı...
- :: Csharp ile Access Veritabanı Bağlan...
- :: Hangi Linux Dağıtımı?
- :: OSX İşletim Sistemine PHP, MySQL, A...
- :: SQL nedir, Temel SQL Komutları nele...
- :: PHP dilini kullanarak MySQLi tekniğ...
- :: Excel Hesap tablosunda ÇOKETOPLA Fo...
- :: Mac Bilgisayarınıza Windows 7 Yükle...
- :: Excel Hesap tablosunda EĞERSAY Fonk...
- :: Excel Hesap tablosunda ÇOKEĞERSAY F...
- :: Hangi Programlama Dilini Öğrenmeliy...
- :: PHP ile Basit Dosya Yükleme
- :: Excel Hesap tablosunda ETOPLA Fonks...
- :: PHP Dili kullanarak MySQLi Tekniği ...
- :: Hangisi acaba, PHP mi ASP.NET mi ?
- :: PHP ile MySQL veritabanına MySQLi t...
- :: Web Tasarım öğrenmeye nereden başla...
- :: Asp.net ile Sql Server Veritabanına...