CSS lejon personalizimin fleksibël të tekstit që paraqitet duke përdorur gjuhën HMTL. Sot do të shohim efektin e karakteristikës "transformim teksti", i cili bën të mundur ndryshimin e rastit të një shkronje. Ky opsion mbështetet nga të gjithë shfletuesit modernë dhe përfshihet në specifikimin e të gjitha versioneve të CSS.

Emërimi

Prona "transformim teksti" mund të marrë tre vlera kryesore dhe dy vlera shtesë. Për shembull, ju mund t'i caktoni një shkronjë të madhe të gjithë tekstit të zgjedhur. Përndryshe, ju mund të jepni një komandë për të kundërtën e pronës së mëparshme, ku të gjithë personazhet bëhen të vogla. Ju mund të caktoni një takim duke përdorur ndonjë metodë të përshtatshme për ju. Për shembull, duke përdorur stilet inline. Ose mund të krijoni

Një skedar i veçantë me një përshkrim të të gjitha vetive. Cila mënyrë e caktimit për të përdorur varet nga ju. "Transformimi i tekstit" mund të marrë vlerat e mëposhtme:

• Me shkronja kapitale. Kapitalizon të gjithë personazhet e zgjedhura. Shkronja e madhe është e zakonshme në CSS, pasi kjo vlerë ndihmon në zgjidhjen e shumë problemeve komplekse që lidhen me tekstin.
• Shkronja të vogla. Kjo pronë është plotësisht e kundërt me komandën e madhe.
• Shkruaj me germa të mëdha. Ndryshon shkronjën e parë në të madhe. Pjesa tjetër e personazheve nuk do të ndryshohet.
• Asnje. Ju lejon të anuloni të gjitha vlerat e caktuara (të nevojshme për të paracaktuar një pronë). Në mënyrë tipike, kjo vlerë përcaktohet si parazgjedhje.
• Trashëgimi. Trashëgon të gjitha vetitë nga elementi mëmë. Duhet të theksohet se IE nuk e mbështet këtë pronë.

Aplikacion

Me CSS, shkronja e madhe (ose efektet e ngjashme) vendosen me një komandë të thjeshtë. Prandaj, nuk ka nevojë të ndryshohet ose rishkruhet i gjithë teksti. Nëse po flasim për një faqe me një faqe, atëherë kjo pronë mund të mos jetë e dobishme. Por kur keni një portal të madh nën kontrollin tuaj, ku duhet të korrigjoni rastin e shkronjave në fragmente të caktuara, atëherë "transformimi i tekstit" bëhet i vetmi mjet efektiv. Për shembull, duhet të rregulloni fontin në etiketat e titullit "h2". Për ta bërë këtë, shtoni shënimin: "h2 (transformimi i tekstit: i madh;)", dhe pastaj të gjithë titujt e nivelit të dytë do të jenë të mëdha.

Karakteristikat:

Disa mund të mendojnë se manipulimi manual i tekstit dhe ndryshimi i fontit duke përdorur vetinë "transformim teksti" nuk bën asnjë ndryshim. Kjo nuk është çështja. Nëse e ndryshoni manualisht në të madhe (të madhe), atëherë kur kopjoni këtë informacion nga faqja juaj, karakteret do të qëndrojnë të pandryshuara. Nëse përdorni CSS, gjërat janë ndryshe. Prona "transformim teksti" ndryshon vetëm vizualisht fontin për përdoruesit. Por në realitet, simbolet mbeten të pandryshuara. Kjo ndodh me të gjitha vlerat për këtë pronë. Informacioni i kopjuar (teksti) do të ketë shkronjën origjinale, e cila përdoret në kodin burimor të faqes. Ky është ndryshimi i vetëm midis përpunimit manual dhe përdorimit të komandave CSS.

Nuk ka rëndësi se cilën dëshironi të përdorni - me shkronja të vogla apo të mëdha, gjëja kryesore është të mos harroni qëllimin. Për shembull, nëse keni nevojë për ndryshime vetëm për qëllime dekorative, atëherë mund të përdorni në mënyrë të sigurt pronën "transformim teksti". Epo, nëse e dini që përdoruesit tuaj ndoshta do të kopjojnë informacionin që keni postuar, atëherë është më mirë të ndryshoni manualisht rastin e të gjithë tekstit. Në të vërtetë, ndonjëherë lexuesit nuk e vërejnë një ndryshim të tillë të shkronjave. Kjo është veçanërisht kritike kur bëhet fjalë për dokumente të rëndësishme dhe informacione të ngjashme.

Për disa mësime tani, ne kemi qenë të vështirë në punën me formatimin e tekstit duke përdorur CSS, dhe kësaj here po mësojmë se si ta ndryshojmë rastin e tekstit. Në këtë drejtim, fletët e stilit kaskadë na hapin mundësi shumë të gjera, ose më saktë, ne mund të:

• Shfaq të gjithë tekstin me shkronja të mëdha;
• Zgjidhni të gjithë tekstin me shkronja të vogla;
• Bëni që shkronja e parë e secilës fjalë të fillojë me shkronjën e madhe.

"Kjo është gjithçka mirë, natyrisht, por kur mund t'ju duhet?" - ju pyesni. Imagjinoni një situatë ku dëshironi të shfaqni të gjitha artikujt e menusë me shkronja të mëdha. Për ta bërë këtë, nuk keni nevojë t'i shtypni ato, përfshirë tastin CapsLock, ose ndërsa mbani të shtypur tastin Shift. Do të jetë e mjaftueshme për të vendosur të gjithë artikujt e listës për t'u shfaqur me të mëdha duke krijuar një rregull përkatës në skedarin CSS. Dhe kjo është vetëm një nga shumë situatat e mundshme.

Prona e transformimit të tekstit

Ne do të kontrollojmë rastin e tekstit duke përdorur vetinë e transformimit të tekstit. Ka 4 vlera kryesore - të mëdha (shkronja të mëdha), të vogla (të vogla), të shkruara (të mëdha për secilën shkronjë të parë të fjalës, vlerat e tjera nuk ndryshojnë), asnjë (nuk zbatohet formatimi). Në shikim të parë, e gjithë kjo mund të duket shumë e komplikuar për ju.

Por në praktikë, gjithçka është mjaft e thjeshtë, siç do ta shihni tani. Çelësi është që të zgjidhni përzgjedhësin e duhur, sepse vlerat e pronës së transformimit të tekstit janë të trashëguara.

Theksimi me shkronja të mëdha

Gjëja e parë që sugjeroj është të kapitalizojmë të gjithë tekstin, për të cilin ne krijojmë rregullin e mëposhtëm CSS:

Trupi (transformimi i tekstit: i madh;)

Në parim, asgjë e komplikuar, ne thjesht përdorëm vlerën e madhe. Siç thonë ata, gjithçka është intuitive. Kështu duket në jetën reale:

Shkronja të vogla - zbatohen për të gjithë

Në hapin tjetër, le të zbatojmë shkronja të vogla kudo, për të cilat shkruajmë sa vijon:

Trupi (transformimi i tekstit: shkronja e vogël;)

Siç mund ta keni menduar, dy kuptimet që sapo takuam janë disi antonime. Dhe në ilustrimin më poshtë, ju mund të shihni rezultatin e pronës së krijuar rishtas.

Shkronjë të madhe të secilës fjalë

Për ta bërë këtë, ne vetëm duhet të përdorim vlerën përkatëse:

Trupi (transformo tekstin: shkruaj me germa të mëdha;)

Nuk e di sa shpesh do të përdorni një rregull të tillë CSS, por nuk do t'ju dëmtojë të dini për një mundësi të tillë, veçanërisht kur zgjidhni problemet jo-parëndësishme. Rezultati mund të shihet në imazhin më poshtë.

Më në fund, le të hedhim një vështrim të shpejtë në vlerën e fundit, asnjë. Siç thashë, mund të përdoret për të kthyer trashëgiminë nga një prind. Për shembull, le të imagjinojmë se kemi të gjitha rregullat e mëparshme, dhe për paragrafët duhet t'i anulojmë, për këtë shkruajmë si vijon:

P (transformimi i tekstit: asnjë;)

Unë guxoj të supozoj se ju kuptoni gjithçka, nëse jo - bëni pyetjet tuaja në komente. Dhe kjo është e gjitha për mua. Shpresoj që ky udhëzues për CSS të ishte i dobishëm për ju. Po të jetë kështu:

• Ripostoni këtë artikull në rrjetet sociale në mënyrë që më shumë njerëz të përfitojnë prej tij;
• Regjistrohu në listën time të postave në mënyrë që të mos humbasësh postime të dobishme dhe interesante në blog.

Për këtë nuk po ju them lamtumirë. Faleminderit për vëmendjen dhe shihemi në botimet vijuese!

Përshëndetje. Ndonjëherë, kur krijoni faqe në internet, duhet të vendosni disa fjalë duke përdorur css në pozitë të madhe ose të sipërme. Le të shohim se si bëhet kjo.

Shkronjat e mëdha dhe të vogla me css

Në përgjithësi, sot mund ta mbyllni tekstin e dëshiruar në etiketa _{^{dhe merrni ekranin që dëshironi, por le të shohim gjithashtu se si mund të bëhet kjo me css, sepse teknika është paksa e ndryshme.}}

Për shembull, duhet të shkruani formulën H 2 O në një dokument html. Kjo është bërë kështu:

• Vetë formula është e shkruar
• Ato fjalë dhe numra që duhet të shfaqen në mbishkrimin ose nënshkrimin janë të mbyllura në një etiketë span, të cilës duhet t'i caktohet një klasë. Për shembull: karakteret që do të dalin
• Në css, duhet të vendosni këtë element:

  Top-indeksi (
  Vertical-align: super;
  }

Kjo veti është përgjegjëse për rreshtimin vertikal të tekstit. Vlera e tij super specifikon që teksti të shfaqet si mbishkrim. Por madhësia e shkronjave mbeti e njëjtë me atë të tekstit të rregullt. Për t'i bërë gjërat të duken më bukur, duhet të vendosni madhësinë e shkronjave pak më të vogël duke përdorur vetinë e madhësisë së shkronjave.

Kështu funksionon thjesht prona. Prandaj, për të shfaqur në nënshkrim duhet të shkruani kështu:

Top-indeksi (
Vertical-align: nën;
}

Dallimi nga etiketat e ngjashme html është se këto rregulla nuk ndryshojnë madhësinë e shkronjave, kështu që nëse duhet ta bësh këtë, do të duhet të regjistrosh madhësinë e re në fletën e stileve.

Kjo është gjithçka që duhet të dini për mbishkrimin dhe nënshkrimin në css. Prona nuk ofron ndonjë mundësi shtesë, dhe as ato nuk janë të nevojshme. Nëse dëshironi, disi mund ta personalizoni këtë tekst, por kjo është e rrallë e nevojshme.

Ku mund të vijë në ndihmë

Teksti i mbishkrimit dhe nënshkrimit mund të përdoren kur shkruani formula, duke shtuar shënime dhe shenja në artikuj. Për shembull, Wikipedia ofron burime dhe shënime për secilin artikull. Ndërsa artikulli përparon, ato vendosen në formën e mbishkrimeve të vogla. Kjo nuk i bezdis lexuesit dhe në të njëjtën kohë ju lejon t'u jepni artikujve pamjen e dëshiruar.

Prona është plotësisht e shfletuesit dhe mbështetet në të gjitha versionet e CSS.

Etiketat HTML _{dhe ^{- Teksti i nënshkrimit dhe mbishkrimit}}

Përkufizimi dhe përdorimi

Etiketoj _{përcakton tekstin e nënshkrimit. Nënshkrimi është gjysma e lartësisë dhe shfaqet nën vijën fillestare. Nënshkrimi mund të përdoret kur shkruhen formula kimike si H 2 O.}

Etiketoj ^{përcakton tekstin me mbishkrim. Teksti i mbishkrimit është gjysma e lartësisë dhe shfaqet mbi vijën fillestare. Teksti me mbishkrim mund të përdoret kur shkruhen shënime në fund të faqes si WWW.}

Mbështetja e shfletuesit

Etiketat _{dhe ^{mbështetur nga të gjithë shfletuesit kryesorë.}}

Dallimet midis HTML dhe XHTML

Atributet standarde

Kolona DTD specifikon në cilin lloj dokumenti HTML 4.01 / XHTML 1.0 DTD lejohet atributi. S \u003d Strikte, T \u003d Kalimtare dhe F \u003d Kuadër.

Etiketat _{dhe ^{mbështesin atributet standarde të mëposhtme:}}

Më shumë informacion mbi Atributet Standarde.

Atributet e ngjarjes

Etiketat _{dhe ^{mbështesni atributet e mëposhtme të ngjarjes:}}

Informacion shtesë në lidhje me