Ahojte čitatelia tohto blogu. Dnes budem hovoriť o tom, ako môžete urobiť všetky veľké písmená pomocou CSS. Samozrejme, môžete to povoliť Caps Lock a napíšte požadovaný text, ale je to dosť primitívna metóda. Čo ak však potrebujete zvýrazniť samostatný odsek v už dokončenom článku?
Existuje na to vlastnosť text-transform, ktorá, ako už asi tušíte, transformuje text. Má nasledujúce hodnoty:
To je v podstate všetko, čo potrebujete vedieť. Zostáva len zistiť, ako sa dostať k požadovanému prvku. Predstavme si tento príklad: musíte urobiť piaty odsek v článku veľkými písmenami. A ako sa to dá implementovať?
Ako viete, odsek sa vytvára pomocou spárovaného html tagu, ktorého celý obsah sa stáva odsekom. Zostáva len definovať preň novú triedu štýlu:
Teraz máme možnosť pristupovať k tomuto konkrétnemu odseku prostredníctvom jazyka CSS bez ovplyvnenia zvyšku. Môžete to urobiť takto:
Veľké písmeno (
Transformácia textu: veľké písmená;
}
Táto metóda je vhodná, keď potrebujete zvýrazniť fragment v konkrétnom článku. Čo ak by mali mať všetky stránky konkrétny text veľkými písmenami. V tomto prípade je lepšie umiestniť blok do súboru šablóny, aby ste ho nepísali zakaždým.
Alebo možno budete musieť zvýrazniť druhý odsek v každom článku pomocou CSS veľkými písmenami. Potom vám bude vyhovovať iná možnosť. Nájdite blok, v ktorom sa nachádza článok, a prejdite k druhému odseku pomocou pseudotriedy n-tého dieťaťa. IN v tomto príklade Náš blok článkov má triedu článkov.
Článok p:n-té dieťa(2)(
Transformácia textu: veľké písmená
}
Ako vidíte, pre každý konkrétny prípad existuje iné riešenie. Najdôležitejšie je pamätať na vlastnosť text-transform, ktorá mení veľkosť písmen.
Vo všeobecnosti sa neodporúča zobrazovať text týmto spôsobom, pretože to značne zhoršuje jeho vnímanie, ale niektoré obzvlášť dôležité fragmenty môžu byť zvýraznené.
Dnes sme sa pozreli na vlastnosť text-transform. Ak chcete dostávať nové články, prihláste sa na odber blogu.
Umožňuje zmeniť veľkosť písmen v texte.
Predvolená hodnota je nastavená na none , čo nemá žiadny vplyv na text. Prípad textu zostáva rovnaký. Hodnoty veľkých a malých písmen konvertujú znaky na veľké a malé písmená. Ak zadáte veľké písmená , budú veľké iba prvé znaky každého slova. Zdedí zdedí hodnotu svojho rodiča.
Na tento odsek sa použije vlastnosť transformácie textu s hodnotou malými písmenami, čo znamená, že všetky písmená budú malé.
A na tento posledný odsek sa aplikuje vlastnosť text-transform s vlastnosťou CAPITALIZE. Prvé písmená každého slova budú veľké a iba tie.