Bu xüsusiyyət vasitəsi ilə məsələn paraqraf p teqi üçün onun birinci sətirinin daha yuxarıdakı mətnlə arasında boşluq qoyulması imkanı verir.Məsələn
p {
px;
}
Mətnin düzləndirilməsi –text-align xüsusiyyəti
Bu xüsusiyyətdən mətnin horizontal olaraq düzləndirilməsi zamanı istifadə edilir.Mümkün dəyərləri center, left ,right və justify-dır.
Mətnin dekorasiyasi-text-decoration xüsusiyyəti
Dəyərləri:overline,line-through,underline.Aşağıda hər 3 hal nümunədə göstərilmişdir.
h1 {
text-decoration: overline;
}
h2 {
text-decoration: line-through;
}
h3 {
text-decoration: underline;
}
Hərflər arasında məsafə-line-spacing xüsusiyyəti
Əgər məsələn paraqraf və ya başlıqlarda sözlərdə hərflər arasında məsafəni artırıb azaltmaq istədikdə bu xüsusiyyət istifadə edilir.Hərflər arasında məsafə piksel ilə verilir.Məsələn
Bu xüsusiyət mətnin aşağı və ya yuxarı reqistra çevrilməsi məqsədi ilə istifadə edilir.Mümkün dəyərləri :capitalize,uppercase,lowercase,none
Capitalize sözlərin ilk hərfləri yuxarı reqistrla sonrakı hərfləri isə aşağı reqistra transformasiya edilir
Uppercase sözün bütün hərflərini yuxarı reqistra çevirir
Lowercase hərfləri aşağı reqistra çevirir.
None sözlər heç bir transformasiyaya məruz qalmır
Məsələn
uppercase {
text-transform: uppercase;
}
lowercase {
text-transform: lowercase;
}
capitalize {
text-transform: capitalize;
}
...
This is some text.
This is some text.
This is some text.
İstinadların formatlanması
Yuxarıda sadaladığımız format xüsusiyyətlərini istinad teqi olan a elementi üzərində daha ətraflı nəzər yetirək.
Psevdoklass HTML-teqlərinin xüsusiyyətlərinin təyini vaxtı müxtəlif şərtləri və ya hadisələri nəzərə almağa icazə verir. HTML-də istinadları a teqi vasitəsi ilə təqdim edirlər.Bu teqi CSS-də selector olaraq da göstərmək olur.Məsələn
a {
color: blue;
}
İstinadlar müxtəlif vəziyyətdə nümayiş oluna bilir.Məsələn baş çəkilmiş(click edilmiş),ziyarət edilməmiş(click edilməmiş).Bu halda CSS-də elavə xüsusiyyətlər verilərkən aşağıdakı nümunədəki kimi psevdoklasslar istifadə edilir.
a:link {
color: blue;
}
a:visited {
color: red;
}
Burada link və visited yazıları psevdoklasslari göstərir.Adi halda linklər əgər klik edilməyibsə(a:link) göy ziyarət edilibsə(a:visited) isə qirmizi rəngdə təsvir edilir.Aktiv linklər üçün a:active üzərinə mouse ilə gəlinən linki isə a:hover psevdoklasi vasitəsi ilə stil vermək olar.
Aşağıdakı nümunəyə baxaq.Bildiyimiz kimi linklər susmaya görə altdan xətt çəkilmiş vəziyyətdə nümayiş olunur səhifədə.
