Qopqoq qalpoq (matnga ko'milgan qopqoq) paragrafning birinchi harfi bo'lib, qolgan qismidan kattaroq va uning tepasi paragrafning birinchi qatori darajasida bo'lishi uchun joylashtirilgan. Rasmda siz matnga o'rnatilgan tomchi qopqoq misolini ko'rishingiz mumkin.

Aytgancha, WordPress-da maxsus plagin (wordpress.org/extend/plugins/drop-caps) mavjud bo'lib, u avtomatik ravishda o'rnatilgan (va pastga siljigan) matnni yaratishga imkon beradi. Bosh harflar. Ajoyib! Biroq, agar siz plagindan foydalanishni istamasangiz (ishonchim komilki, buni qilmaysiz) va bir nechta postlarda va ehtimol ma'lum bir joyda tushirish qopqog'ini yaratishingiz kerak bo'lsa-chi?

Yaxshi xabar shundaki, sizga katta harflar yaratish uchun plagin kerak emas, sizga faqat bir oz CSS va span yorlig'i kerak bo'ladi. CSS faylingizni oching va quyidagi kodni qo'shing:

Span.dropcaps ( font-family:Georgia, serif; rang: #ccc; font-size: 46px; float: chap; shrift-weight: 400; satr balandligi: 1em; chet-pastki: -0,4em; chet-oʻng : 0.09em; pozitsiyasi: nisbiy; )

Shunga o'xshash narsa. Albatta, sizga dizayn va matningizga mos uslub kerak bo'ladi. Masalan, xususiyat qiymatlari: font-size , margins va line-height sizning dizayningiz va matningiz asosida tanlanishi kerak.

Teg oralig'i

Uslub matnning bosh harfiga qo'llanilishi uchun siz bosh harfni span tegiga "o'rashingiz" va tegishli sinfni belgilashingiz kerak.

A

Pseudo-element: birinchi harf

Shuningdek, psevdo-element yordamida matndagi birinchi belgini uslublashingiz mumkin: birinchi harf . Biroq, cheklangan miqdordagi xususiyatlarni qo'llash mumkin:birinchi harf psevdoelement: bular shrift, rang, fon, hoshiyalar, chekka va to'ldirish bilan bog'liq xususiyatlar. Yana bir narsani ta'kidlash kerakki, psevdoelement:birinchi harf eski brauzerlarda ishlamaydi.

P:birinchi harf (shrift-family:Georgia, serif; rang: #ccc; shrift-size: 46px; float: chap; shrift-weight: 400; satr balandligi: 1em; chet-pastki: -0,4em; chekka -o'ng: 0,09em; pozitsiyasi: nisbiy; )

Bu erda CSS yordamida bosh harflarni tahrirlashning bir nechta usullari mavjud.

Ko'pincha, saytga material qo'shishda yoki, masalan, forumda yangi mavzu yaratishda, foydalanuvchi kichik (kichik) harf bilan jumla (sarlavha) yozishni boshlashi mumkin. Bu ma'lum darajada xato.

Men ushbu muammoni hal qilishning bir nechta variantlarini ko'rsataman: PHP va CSS nashr etilgan materiallar uchun ko'proq mos keladi, jQuery nashrdan oldin vaziyatni to'g'irlashi mumkin.

PHPda katta harf bilan yozilgan satrning birinchi harfi

PHPda “ucfirst” funksiyasi bor, u faqat satrning birinchi belgisini bosh harfga o'zgartiradi, lekin uning kamchiligi kirill alifbosi bilan unchalik to'g'ri ishlamaydi.

Buning uchun biz o'zimizning kichik funksiyamizni yozamiz. Amalga oshirish quyidagicha ko'rinadi:

Ushbu versiyada biz bosh harf bilan boshlanadigan jumlani olamiz, bu aslida bizga kerak bo'lgan narsadir.

CSS-da satrning bosh harfi

Ushbu usul vizual tarzda (ya'ni, takliflar saytning manba kodida bo'lgani kabi paydo bo'ladi) ham birinchi belgini katta harfga aylantiradi.

Foydalanish quyidagicha:

birinchi jumla

ikkinchi jumla

uchinchi jumla

to'rtinchi jumla

#content p:birinchi harf (matnni o'zgartirish: katta harf; )

"Birinchi harf" psevdo-elementi va "matnni o'zgartirish" xususiyatidan foydalanib, biz xatboshining har bir birinchi harfi uchun dizaynni o'rnatamiz.

jQuery-da katta harf bilan yozilgan satrning birinchi harfi

Yuqorida aytib o'tganimdek, ushbu konvertatsiya usuli hali nashr etilmagan materiallar uchun eng mos keladi.

Misol uchun, biz matn maydonini olamiz (u sarlavha kiritish uchun maydon vazifasini bajaradi) va unga kichik skript yozamiz, bu kichik harf bilan jumlani kiritishda uni bosh harfga aylantiradi:

$(document).ready(function() ( $(".content").on("keyup", function() ( var text = $(this).val(); var new_text = text.charAt(0) .toUpperCase() + text.substr(1); $(bu).val(yangi_matn); )); ));

Skript matn yozishda ham, uni oddiygina kiritishda ham ishlaydi. Skriptlar saytingizda ishlashi uchun jQuery kutubxonasi yoqilgan bo'lishi kerakligini unutmang.

CSS qopqoqlari umumiy dizayndagi monotonlikni buzishga yordam beradi, bunda matn boshidan oxirigacha bir xil ko'rinadi.

Bosh harflar o'sha paytda va hozir

Solnomachilar qo'lyozma qo'lyozmalarida bosh harflardan foydalanganlar, ularning ba'zilari V asrga to'g'ri keladi. Bosh harflar 8—15-asrlarda ham qoʻllanila boshlandi, oʻshanda bosma mashinalar bosmachilikni sanoat darajasiga olib chiqish imkonini bergan. Matn boshida qo'lda yozilgan va bosma bosh harflar qo'yilgan. Ular ko'pincha xat atrofida joylashgan dekorativ naqsh bilan bezatilgan.

Ko'tarilgan va tushirilgan harflar bugungi kunda ham qo'llaniladi. Ularni gazetalar, jurnallar va kitoblarda, shuningdek raqamli bosib chiqarishda topish mumkin. Ko'tarilgan tur ba'zan cho'zilgan tip deb ataladi. Ular o'zlaridan keyingi matnning pastki qismi bilan bir tekisda joylashtiriladi. Tushgan harflar matnning yuqori qismi bilan bir tekisda, ba'zan matn mazmuni orqasidagi qatlamda joylashtiriladi yoki matnning qolgan qismi ularni o'rab oladi.

Ko'tarilgan harflarni aniqlash ancha oson, chunki ular matnning qolgan qismi bilan bir xilda joylashgan va odatda tashqi chetlari atrofidagi o'rashni o'zgartirishga hojat yo'q. O'tkazib yuborilgan harflar yanada nozik sozlashni talab qiladi. Agar siz avval ko'tarilgan belgilar qanday ishlanishini tushunsangiz, buni tushunishingiz osonroq bo'ladi.

Sinflardan foydalanish

CSS haqida allaqachon tushunchaga ega bo'lgan dizaynerlar birinchi bosh harf uchun alohida CSS sinfini yaratish kerakligini bilishadi.

Paragraf elementi va xatni yaratuvchi sinf uchun CSS kodi quyidagicha ko'rinadi:

p (shrift o'lchami: 20px; shrift-family: Georgia, "Times New Roman", Times, serif;).myinitialcaps (shrift-size: 48px; font-family: Didot;)

Va HTML kodi quyidagicha ko'rinadi:

Bizga nima beradi:

Juda oson ko'rinadimi? Haqiqatan ham ko'tarilgan maxsus harflarga qarab o'zgartirishlar kiritishingiz kerak bo'ladi, chunki har bir bosh harf uchun maxsus kerning talab qilinadi. Ko'tarilgan harflar va asosiy matn uchun shriftni tanlagandan so'ng, har bir ko'tarilgan harf uchun alohida sinflar yaratishingiz kerak. Quyidagi CSS sinfida.myinitialcapsi, I va n orasidagi masofani kamaytirish uchun o'ngdagi chekka manfiy qiymatga o'rnatiladi.

Myinitialcapsi (shrift o'lchami: 48px; shrift oilasi: Didot; chekka o'ng: -1px;)

Bunday holda, "I" va "n" o'rtasida qo'shimcha bo'sh joy mavjud.

Salbiy chegara bilan yangi sinfni qo'shish uni yanada yaqinlashtiradi.

Yuqoridagi misoldagi ekran o'lchamlariga qarab, I va n birgalikda xiralashgandek ko'rinishi mumkin. Bu harflar oxiridagi seriflar bilan bog'liq. Yakuniy CSS uslublaringizni tanlashdan oldin saytingizni turli qurilmalarda sinab ko'ring va ularda CSS bosh harflari qanday ko'rinishini ko'ring.

Iqtibos va boshqa maxsus holatlar

Siz nafaqat matnning boshidagi harflarni kattalashtirishingiz mumkin. Harf yonida paydo bo'ladigan tirnoq belgilarining kattaroq versiyasini yaratish uchun boshqa sinfni amalga oshirishingiz mumkin. Bizning holatlarimizda qo'shtirnoq uchun 48 o'lchamli harflar sinfi ham, 20 pikselli matn sinfi ham mos kelmaydi. Aksincha, bu 30 piksel orasida bo'ladi. Qo'shtirnoqlarni optik jihatdan I bilan moslashtirish uchun ularni 4 piksel pastga siljitamiz:

Myinitialcapsq (shrift o'lchami: 30px; shrift oilasi: Didot; float: chap; chekka tepa: 4px;)

Salbiy chegara bilan yangi sinfni "shu jumladan" uni yaqinlashtiradi.

Har bir CSS bosh harflarini qo'shtirnoqlar bilan o'rnatishda juda ehtiyot bo'lishingiz kerak, shunda ularning kerning va hizalanishi atrofdagi belgilarga mos keladi. Masalan, T harfini chapga, paragrafning chetidan biroz uzoqroqqa siljitish kerak bo'ladi, shunda uning ko'ndalang chizig'i vizual ravishda tartibga mos keladi. C, G, O va Q kabi yumaloq harflar bilan ham xuddi shunday qilishingiz kerak bo'ladi. Ushbu misolda 20, 30 va 48 shrift o'lchamlari qo'llaniladi. Lekin siz tanlagan maxsus shriftlar asosida o'lchamlarni tanlashingiz kerak bo'ladi. Shuningdek, sayt ko'riladigan ekranlarning o'lchamlari va o'lchamlari.

Psevdoelementlar va psevdosinflar

CSS psevdo-elementidan foydalanib, paragraf elementiga ::birinchi harfni qo'shish orqali osongina baland harf yaratishingiz mumkin. Eski brauzerlar uchun :birinchi harf (bitta nuqta bilan) dan foydalaning:

p (shrift o'lchami: 1,2em; shrift oilasi: Georgia, "Times New Roman", Times, serif; satr balandligi:2em; to'ldirish-pastki:1,2em;) p::birinchi harf (shrift o'lchami: 3.6em; matnni oʻzgartirish: katta harf; shrift-oila: “Monotip Bernard Condensed”, serif; chet-oʻng: 0.03em;).initialb (chet-oʻng:-0.1em;).initialn (chet-oʻng:-0.15) em;)

N va B harflarining kerningini hisobga oladigan CSS sinflarini o'z ichiga olgan HTML kodi shunday ko'rinadi...

Bosh harf, birinchi harf bosh harf.
Satr uzilishi bilan keyingi satrda boshlang'ich qopqoq yo'q.

HTML manbasida bosh harf emas, balki birinchi harf 3,6em bosh harf o'lchamiga qanday o'lchanganiga e'tibor bering. Toza, a?

Ammo qiyin qaytish va yangi paragraf boshlanganda, har doim boshqa boshlang'ich qopqoq yaratiladi. Siz o'zingizga savol berishingiz mumkin: men buni qanday qilib hisoblayman? Juda yangi xatboshi boshida boshlang'ich qalpoq bo'lishi kerakmi? Xo'sh, mumkin. Lekin, siz uning shunday ko'rinishini xohlaysizmi va u mutlaqo shunday ko'rinishi kerakmi?

Paragrafning birinchi bosh harfi harfga aylantiriladi.
Satr uzilishidan keyingi birinchi harf bosh harfga aylantirilmaydi.

oE'tibor bering, HTML manba kodida birinchi harf katta harf bilan yozilmaydi, lekin u 3,6em belgiga aylantiriladi.

Biroq, majburiy qator uzilishidan keyin ham, har bir yangi xatboshining boshida har doim harf yaratiladi. Siz o'zingizga savol berishingiz mumkin: buni qanday hisobga olishim mumkin? Bu barcha holatlar uchun harflar qo'shishim kerakmi? Xo'sh, qila olasiz. Ammo bu kerakmi?

Pseudo-elementlar taqdim etadigan imtiyozlarga qaramay, biz kerning va to'ldirish masalalarini hal qilish uchun alohida sinflarni aniqlash uchun juda ko'p kod qo'shishimiz kerak edi. Ammo bu usul har bir yangi paragrafning birinchi harfini CSS bosh harfiga aylantiradi. Ba'zilar uchun bu mos kelmasligi mumkin, chunki har bir paragrafning birinchi harfini o'zgartirish kerak emas.

Aqlli tartib yaratish uchun psevdosinflar va psevdoelementlarni birlashtirish

:first-child pseudo-klassini qo'shish birinchi harflarni keraksiz konvertatsiya qilish muammosini hal qilishga yordam beradi:

p (shrift o'lchami: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; satr balandligi: 2em; to'ldirish-pastki: 0.5em;) p:birinchi bola::birinchi harf ( shrift o'lchami: 3,6 m; matnni o'zgartirish: katta harf; shrift oilasi: "Bernard Condensed monotipi", serif; chekka o'ng: 0,03 em;)

Ushbu kodni HTML bilan birlashtirish:

Birinchi bola sifatida belgilangan birinchi harf, bu usul bilan ko'tarilgan qopqaga aylantiriladigan yagona harfdir.

Faqat birinchi farzand sifatida belgilangan harf o'zgartirilganligi sababli, bu misol avvalgisidan farq qiladi, birinchi farzandsiz. Bundan tashqari, biz birinchi harflarni paragraf boshidan keyin va majburiy satr uzilishidan keyin aylantirmaymiz. Bu paragraflarning barcha birinchi harflarini o'zgartirganimizda tartib qanday ko'rinishga ega bo'lganidan ko'ra nafisroq ko'rinadi.

Pseudo-sinflardan foydalanishning afzalligi turli xil maxsus holatlarni ko'rib chiqish qobiliyatidir. Kamchiliklari haqida nima deyish mumkin? Turli xil psevdo-sinflar mavjud va ular juda ko'p usullar bilan birlashtirilishi mumkin, bu sizning boshingizni aylantiradi. Masalan, psevdo-sinflar :first-child va :first-of-type bir xil natijalarni berishi mumkin. Pseudo-klassni nafaqat paragrafga, balki elementlarga ham qo'llashingiz mumkin. Misol uchun, Didot shriftida quyida ko'tarilgan harflar misolida ko'rsatilganidek. Margin atributi A ning o'ng tomoniga qanday qo'shilganiga e'tibor bering. Aks holda, u bo'lim boshida s harfi bilan "yopishadi":

bo'lim (shrift o'lchami: 1,2em; font-family: Georgia, "Times New Roman", Times, serif; line-height:3em;) bo'lim>p:birinchi bola:birinchi harf (shrift o'lchami: 4em; matnni o'zgartirish: katta harf; shrift-family: Didot, serif; chet-o'ng: 5px;)

Va HTML bilan birga:

Bo'limning boshida birinchi harf uchun ko'tarilgan tomchi qopqog'i ko'rsatilgan.

Va yangi paragraf ...

Agar o'zingizni eksperimental his qilsangiz, :first-child va :first-of-type ga qo'shimcha ravishda turli usullarni ham o'rganishingiz mumkin. Masalan, :nth-of-type yoki :nth-of-child kabi bu yoki boshqa turdagi psevdosinflardan CSS bosh harflari matni uchun qanday foydalanish mumkinligini koʻrish uchun. Ushbu maqolada keltirilgan tamoyillarga amal qilasizmi yoki chuqurroq qazishni boshlaysizmi, CSS psevdo-sinflari birinchi bola , :birinchi turdagi va :birinchi harf bilan qanday ishlashni o'rganganingizdan so'ng, ariza topshirishingiz mumkin bo'ladi. ularni HTML elementlariga to'g'ri kiriting.

Htmlda shrift o'lchami muhim rol o'ynaydi. U foydalanuvchi e'tiborini sayt sahifasida joylashtirilgan muhim ma'lumotlarga qaratish imkonini beradi. Garchi nafaqat harflarning o'lchami, balki ularning rangi, qalinligi va hatto oilasi ham muhim ahamiyatga ega.

HTML shriftlari bilan ishlashda teglar va atributlar

Gipermatn tilida shriftlar bilan ishlash uchun keng vositalar mavjud. Axir, matnni formatlash html ning asosiy vazifasidir.

HTML tilining yaratilishiga matnni formatlash qoidalarini brauzerlarda ko'rsatish muammosi sabab bo'ldi.

Keling, HTML tilidagi shriftlar bilan ishlash uchun ishlatiladigan teglar va ularning atributlarini ko'rib chiqaylik. Asosiysi - bu teg. Uning atributlari qiymatlaridan foydalanib, siz shriftning bir nechta xususiyatlarini o'rnatishingiz mumkin:

• rang - matn rangini o'rnatadi;
• o'lcham - an'anaviy birliklarda shrift o'lchami.

1 dan 7 gacha bo'lgan ijobiy atribut qiymatlari qo'llab-quvvatlanadi.

• yuz - ichida ishlatiladigan matn shriftlari oilasini o'rnatish uchun ishlatiladi. Vergul bilan ajratilgan bir nechta qiymatlar qo'llab-quvvatlanadi.

Faqat juftlashtirilgan shrift tegining qismlari orasida joylashgan matn formatlanadi. Matnning qolgan qismi standart standart shriftda ko'rsatiladi.

Bundan tashqari, html-da faqat bitta formatlash qoidasini belgilaydigan bir nechta juft teglar mavjud. Bularga quyidagilar kiradi:

• — html-da qalin shriftni o'rnatadi. Harakat yorlig'i avvalgisiga o'xshaydi;
• — oʻlcham standartdan kattaroq;
• — kichikroq shrift o‘lchami;
• — kursiv matn (kursiv). Shunga o'xshash teg ;
• — tagiga chizilgan matn;
• - chizilgan;
• — matnni faqat kichik harflarda ko‘rsatish;
• - katta harfda.

Oddiy matn

Eskiz

Eskiz

Odatdagidan ko'proq

Odatdagidan kamroq

Kursiv

Kursiv

Pastki chiziq bilan

Chizilgan

Uslub atributlari imkoniyatlari

Ta'riflangan teglardan tashqari, html shriftini o'zgartirishning yana bir qancha usullari mavjud. Ulardan biri umumiy uslub atributidan foydalanishdir. Uning xususiyatlarining qiymatlaridan foydalanib, siz shriftlarni ko'rsatish uslubini o'rnatishingiz mumkin:

1) font-family - xususiyat shriftlar oilasini o'rnatadi. Bir nechta qiymatlarni sanab o'tish mumkin.
Htmldagi shriftni keyingi qiymatga o'zgartirish, agar oldingi oila foydalanuvchining operatsion tizimida o'rnatilmagan bo'lsa sodir bo'ladi.

Yozish sintaksisi:

font-family: font-name [, font-name[, ...]]

2) shrift o'lchami - o'lcham 1 dan 7 gacha o'rnatiladi. Bu HTMLda shriftni oshirishning asosiy usullaridan biridir.
Yozish sintaksisi:

shrift o'lchami: mutlaq o'lcham | nisbatan kattaligi | ma'nosi | qiziqish | meros

Shuningdek, siz shrift hajmini belgilashingiz mumkin:

• Piksellarda;
• Mutlaq qiymatda (xx-kichik, x-kichik, kichik, o'rta, katta);
• Foizlarda;
• Nuqtalarda (pt).

Shrift hajmi: 7

Shrift hajmi: 24px

Shrift o'lchami: x-katta

Shrift hajmi: 200%

Shrift hajmi: 24pt

3) shrift uslubi - shrift yozish uslubini o'rnatadi. Sintaksis:

shrift uslubi: normal | kursiv | qiya | meros

Qiymatlar:

• normal – oddiy imlo;
• kursiv - kursiv;
• oblique - o'ngga qiya shrift;
• inherit - asosiy elementning imlosini meros qilib oladi.

Ushbu xususiyatdan foydalangan holda html shriftini qanday o'zgartirishga misol:

shrift uslubi: meros qilib olish

shrift uslubi: kursiv

shrift uslubi: normal

shrift uslubi: qiya

4) font-variant - barcha bosh harflarni bosh harflarga o'zgartiradi. Sintaksis:

shrift-variant: normal | kichik-shlyapalar | meros

Ushbu xususiyat bilan html-da shriftni qanday o'zgartirishga misol:

font-variant: meros qilib olish

shrift-variant: normal

shrift-variant: kichik bosh harflar

5) font-weight – matn qalinligini (toʻyinganligini) oʻrnatish imkonini beradi. Sintaksis:

shrift-weight: qalin|qalinroq|yengilroq|normal|100|200|300|400|500|600|700|800|900

Qiymatlar:

• qalin - html shriftini qalin qilib o'rnatadi;
• qalinroq - odatdagiga nisbatan qalinroq;
• engilroq - odatdagiga nisbatan kamroq to'yingan;
• normal – oddiy imlo;
• 100-900 - shrift qalinligini raqamli ekvivalentda o'rnatadi.

shrift vazni: qalin

shrift vazni: qalinroq

shrift vazni: engilroq

shrift vazni: normal

shrift og'irligi: 900

shrift og'irligi: 100

HTML shrift xususiyati va shrift rangi

Shrift boshqa konteyner xususiyatidir. O'zida u shriftlarni o'zgartirish uchun mo'ljallangan bir nechta xususiyatlarning qiymatlarini birlashtirdi. shrift sintaksisi:

shrift: font-size font-family | meros

Qiymat tizim tomonidan turli boshqaruv elementlaridagi teglardagi shriftlarga ham o'rnatilishi mumkin:

• sarlavha - tugmalar uchun;
• icon – piktogrammalar uchun;
• menyu - menyu;
• xabarlar qutisi – muloqot oynalari uchun;
• kichik sarlavha - kichik boshqaruvlar uchun;
• holat satri – holat satri shrifti.

shrift: belgi

shrift: sarlavha

shrift: menyu

shrift: xabar qutisi

kichik sarlavha

shrift: holat paneli

shrift: kursiv 50px qalin "Times New Roman", Times, serif

HTML-da shrift rangini o'rnatish uchun siz rang xususiyatidan foydalanishingiz mumkin. Bu sizga kalit so'z yordamida yoki rgb formatida rangni o'rnatish imkonini beradi. Va shuningdek, o'n oltilik kodda.

Salom, ushbu blog o'quvchilari. Bugun men CSS yordamida qanday qilib barcha bosh harflarni yasashingiz haqida gapiraman. Albatta, buning uchun siz Caps Lock-ni yoqishingiz va kerakli matnni yozishingiz mumkin, ammo bu juda oddiy usul. Ammo tugallangan maqolada alohida paragrafni ajratib ko'rsatish kerak bo'lsa-chi?

CSS-da barcha harflarni katta qilish

Buning uchun matnni o'zgartirish xususiyati mavjud, siz taxmin qilganingizdek, matnni o'zgartiradi. U quyidagi qiymatlarga ega:

• kichik harf - barcha matn kichik harflarda ko'rsatiladi
• katta harf - barcha so'zlar katta harflar bilan ko'rsatiladi (bizga nima kerak)
• bosh harf - har bir so'zning birinchi harfi bosh harf bilan yoziladi

Bu siz bilishingiz kerak bo'lgan hamma narsa. Qolgan narsa - kerakli elementga qanday kirishni aniqlash. Keling, ushbu misolni tasavvur qilaylik: maqoladagi beshinchi xatboshini barcha katta harflar bilan qilishingiz kerak. Va buni qanday amalga oshirish mumkin?

Istalgan elementga qanday erishish mumkin?

Ma'lumki, paragraf juftlashtirilgan html tegi yordamida yaratiladi, uning butun mazmuni paragrafga aylanadi. Buning uchun yangi uslublar sinfini aniqlash qoladi:

Endi bizda qolganlarga ta'sir qilmasdan CSS tili orqali ushbu maxsus paragrafga kirish imkoniyati mavjud. Siz buni shunday qilishingiz mumkin:

Katta harf(
Matnni o'zgartirish: katta harf;
}

Ushbu usul ma'lum bir maqoladagi parchani ajratib ko'rsatish kerak bo'lganda mos keladi. Agar barcha sahifalarda katta harflar bilan yozilgan matn bo'lishi kerak bo'lsa-chi? Bunday holda, blokni har safar yozmaslik uchun shablon fayliga joylashtirish yaxshiroqdir.

Yoki har bir maqoladagi ikkinchi xatboshini katta harflar bilan CSS-dan foydalanib ajratib ko'rsatishingiz kerak. Keyin boshqa variant sizga mos keladi. Maqola paydo bo'lgan blokni toping va n-child psevdo-sinfidan foydalanib ikkinchi xatboshiga kiring. Ushbu misolda maqolali blokimiz maqola sinfiga ega.

Maqola p:n-child(2)(
Matnni o'zgartirish: katta harf
}

Ko'rib turganingizdek, har bir alohida holat uchun turli xil echimlar mavjud. Eng muhimi, harflarning holatini o'zgartiradigan matnni o'zgartirish xususiyati haqida eslashdir.

Umuman olganda, matnni bu tarzda ko'rsatish tavsiya etilmaydi, chunki bu uning idrokini sezilarli darajada yomonlashtiradi, lekin ba'zi muhim qismlarni ajratib ko'rsatish mumkin.

Bugun biz matnni o'zgartirish xususiyatini ko'rib chiqdik. Yangi maqolalarni olish uchun blogga obuna bo'ling.