IRCForum - IRC ve mIRC Kullanıcıları Topluluğu  
  IRCForum - IRC ve mIRC Kullanıcıları Topluluğu > IRCForum.Gen.TR - Webmaster > Web Uygulamaları > HTML/CSS/JavaScript
Kaydol Topluluk Bugünkü Mesajlar Ara


CSS Font-weight Özellikleri ve Kullanımı

HTML/CSS/JavaScript hakkında bilgiler, ipuçları, sorular, sorunlar ve çözümleri.


Kullanıcı Etiket Listesi

Cevapla
 
 
Konu Araçları Görünüm Modları
Eskimiş 16-Mayıs-2025, 09:54   #1
 
SynaX Kullanıcısının Avatarı

Üye No: 1
Kayıt Tarihi: 26-Aralık-2024
Mesajlar: 907
Konular: 875
Nerden: Bursa
Takımı: Beşiktaş
Meslek:
Aldığı Beğeni: 4
Beğendikleri: 7
@SynaX
Varsayılan CSS Font-weight Özellikleri ve Kullanımı

CSS Font-weight Özellikleri ve Kullanımı

font-weight yazının kalınlığını (İngilizce karşılığı olarak ağırlığını) belirler. font-weight kullanımında font-family (font ailesinin) özellikleri önemlidir. Font ailesinde bulunmayan bir kalınlığı uygulayamazsınız.

Sayısal değerler alabileceği gibi yazısal değerlerde alır:.

Kod
/* Standart Değerler (tüm fontlarda kullanılabilirler) */

font-weight: normal;

font-weight: bold;

/* Üst ögeye göre belirlenen değerler (üst öğe değeri css ile sayfadaki tüm fontlara uygulanan değerdir) */

font-weight: lighter;

font-weight: bolder;

/* Rakamsal Değerler */

font-weight: 100;

font-weight: 200;

font-weight: 300;

font-weight: 400;

font-weight: 500;

font-weight: 600;

font-weight: 700;

font-weight: 800;

font-weight: 900;

/* Genel Değerler */

font-weight: inherit;

font-weight: initial;

font-weight: unset;
font-weight Değerler ve Anlamları

normal: Normal yazı tipi ağırlığı. 400 rakamsal değerinin karşığıdır.

bold: Kalın yazı tipi ağırlığı. 700 rakamsal değerinin karşılığıdır.

lighter: Ana değere göre daha ince bir yazı fontu verir.

bolder: Ana değere göre daha kalın bir değer verir.

100, 200, 300, 400, 500, 600, 700, 800,900: Sadece normal ve daha fazlasını sağlayan fontlar için sayısal yazı tipi ağırlıkları.

Örnek kullanım:

HTML Kodları





Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus aspernatur harum architecto maxime neque quis reprehenderit eum vel, cupiditate dolor magni assumenda dicta ducimus amet ipsum laborum accusantium quos totam! conversations?'







Merhaba bu Bir Denemedir



Merhaba Bu ikinci denemedir





CSS KODLARI

Kod
/* Paragraftaki metni kalın yapar. */

p { font-weight: bold; }

/* Div metnini normalden kalın ancak standart bir kalından daha az kalın olarak ayarlar.*/

div { font-weight: 600; }

/* Metni ana değerden daha ince olacak şekilde ayarlar */

span { font-weight: lighter; }

 
Alıntı ile Cevapla
 

Yer İmleri

Etiketler
css, css font-weight özellikleri ve kullanımı, fontweight, kullanimi, ozellikleri, ve


Konuyu Görüntüleyen Aktif Kullanıcılar: 1 (0 üye ve 1 misafir)
 

Yayınlama Kuralları
Yeni konu açamazsınız
Cevap gönderemezsiniz
Eklenti ekleyemezsiniz
Mesajlarınızı düzenleyemezsiniz

Kodlama is Açık
İfadeler Açık'dir
[IMG] kodu: Açık
HTML kodu: Kapalı
Trackbacks are Kapalı
Pingbacks are Kapalı
Refbacks are Kapalı