Док пишемо било који чланак или документ, често нам је потребно да неки карактери буду у одређеним случајевима. На веб страници, ХТМЛ елемент чији текст треба да се трансформише се примењује са ЦСС својством „ тект-трансформ ”. Ово својство такође штеди време на такав начин да се након додавања свих знакова њихова велика и мала слова могу трансформисати одједном.
Овај пост ће вас научити како можемо да променимо случајеве текста помоћу ЦСС-а. Дакле, почнимо!
Како написати текст великим и малим словима користећи ЦСС?
У ЦСС-у, „ тект-трансформ ” својство контролише писање великих слова у тексту. Такође се користи за претварање текста у велика или мала слова.
тект-трансформ Вредности својства
Могуће вредности својства ЦСС трансформације текста су наведене у наставку:
-
- “ велика слова ”: Ова вредност чини све знакове у тексту елемента великим словима.
- “ мала слова ”: Ова вредност мења текст елемента у мала слова.
- “ писати великим словом ”: Ова вредност мења прво слово сваке речи велико.
- “ ниједан ”: Ова вредност ограничава текст елемента за измену.
- “ почетни ”: Ова вредност поставља подразумевану вредност.
- “ ти наследиш ”: Ова вредност поставља своју вредност од свог родитељског елемента.
Анализирајте пример у наставку!
Пример: претварање текста у велика и мала слова
Прво додајте див елемент са именом класе “ кутија ”. Унутар тела додајте три ознаке заглавља <х1>, <х2> и <х3>, где је текст заглавља <х1> сав написан великим словима, <х2> малим, а трећи такође малим словима.
Испод је ХТМЛ код:
< див класа = 'кутија' >< х1 > мала слова: ДОБРОДОШЛИ У ЛИНУКСХИНТ х1 >
< х2 > велика слова: добродошли у линукхинт х2 >
< х3 > велика слова: добродошли у линукхинт х3 >
див >
Стиле бок див
висина: 200пк;
ширина: 80 % ;
граница: 4пк чврста #е4цфцф;
боја позадине: цадетблуе;
маргина: 1пк ауто;
паддинг: 10пк;
}
Див креиран у горњој ХТМЛ датотеци је сада стилизован са ЦСС својствима која су објашњена у наставку:
-
- “ висина ” се користи за подешавање висине див.
- “ ширина ” се користи за подешавање ширине див.
- “ граница ” својство се користи за примену ивице око елемента, ширине 4пк, типа пуне линије и боје #е4цфцф.
- “ боја позадине ” одређује боју позадине елемента.
- “ маргина ” својство прилагођава простор са сваке стране елемента.
- “ паддинг ” својство се користи за стварање простора око садржаја елемента див или унутар ивице елемента.
Блокови кода испод показују да су сви елементи наслова стилизовани са различитим вредностима својстава трансформације текста. Елемент <х1> се примењује са својством тект-трансформ са вредношћу постављеном као „ мала слова ”:
х1 {тект-трансформ: мала слова;
}
Елемент <х2> се примењује са својством тект-трансформ са вредношћу постављеном као „ велика слова ”:
тект-трансформ: велика слова;
}
За <х3> елемент, вредност својства тект-трансформ је постављена као „ писати великим словом ”:
трансформација текста: велика слова;
}
Давањем горе поменутог кода, текст првог наслова се претвара у мала слова, а другог наслова у велика. Док је прво слово сваке речи велико у трећем наслову:
Велики! Успешно смо научили како да трансформишемо текст у велика, мала и сва велика слова.
Закључак
Својство ЦСС-а за трансформацију текста контролише писање великих слова у тексту и користи се за промену великих и малих слова у тексту документа. Ово својство се примењује на све елементе, при чему вредности овог својства могу бити велика, мала, велика слова или ниједна. Овај блог је објаснио процедуру претварања текста у велика и мала слова помоћу својства ЦСС трансформације текста.