Hoe te hoofdletters te maken in CSS?

CSS maakt het aanpassen van de tekst, die wordt gepresenteerd met behulp van HMTL taal. Vandaag beschouwen we het effect van de eigenschappen van «text-transform», waardoor het register lettertype te wijzigen. Deze optie wordt ondersteund door alle moderne browsers en is opgenomen in de specificatie van CSS-versies.

afspraak

Onroerend goed «text-transform» kunnen drie fundamentele waarden en twee extra degenen nemen. Zo is het mogelijk om toe te wijzen aan alle hoofdletters geselecteerde tekst. Of u kunt de opdracht tegenover geven aan het vorige pand, waar alle personages zijn kleine letters. Om de afspraak te maken, kunt u een geschikte methode voor u te gebruiken. Bijvoorbeeld met behulp van de ingebouwde stijlen. Of u kunt maken een apart bestand met een beschrijving van alle eigenschappen. Wat is het nut van toe-eigening weg naar u. «Text-transform» kan de volgende waarden aannemen:

• Hoofdletters. Het maakt alle geselecteerde karakters hoofdletters. De CSS hoofdletters vaker voor, want deze waarde helpt om veel van de complexe taken in verband met de tekst op te lossen.
• Kleine letters. Deze eigenschap is volledig tegengesteld hoofdletters team.
• Kapitaliseren. Wijzigingen registreren de eerste letter op de top. De overige personages zal niet veranderen.
• Geen. Hiermee kunt u alle van de toegewezen waarden (die nodig is voor de specifieke eigenschappen) ongedaan te maken. In de regel, dit is de standaardinstelling.
• Erven. Krijgt alle eigenschappen van de ouder element. Opgemerkt dient te worden dat IE deze functie niet ondersteunt.

toepassing

Met behulp van CSS hoofdletters (of vergelijkbare effecten) tot stand is gebracht via een eenvoudige opdracht. Daarom is er geen behoefte aan aanpassing of herschrijven van de volledige tekst. Als het gaat om single-pagina site, dan is deze eigenschap kan niet nuttig zijn. Maar als je een enorme portaal waar u wilt de kapitalisatie van bepaalde fragmenten vast te beheren, de «text-transform» wordt de enige effectieve remedie. Bijvoorbeeld, moet u op te lossen «h2» lettertype in de header tags. Om dit te doen, moet u een record toe te voegen: «h2 {text-transform: hoofdletters; }", En dan alle rubrieken van het tweede niveau is een hoofdletter.

kenmerken

Sommigen geloven dat de handmatige verwerking van de tekst en het lettertype wijzigen door gebruik te maken van de eigenschappen van «text-transform» heeft geen verschillen. Maar dit is niet het geval. Als u handmatig wijzigen kleine letters in hoofdletters (hoofdletters), dan is deze informatie om de code van uw website te kopiëren blijven ongewijzigd. Als we de CSS-taal te gebruiken, is alles anders. Onroerend goed «text-transform» alleen visueel voor de gebruiker om het lettertype te wijzigen. Maar in werkelijkheid, de personages blijven ongewijzigd. Hij wordt geleverd met de waarden van de eigenschappen. Gekopieerde informatie (tekst) zal de oorspronkelijke zaak, die wordt gebruikt in de broncode van de pagina te hebben. Dat is het enige verschil tussen het manueel hanteren en het gebruik van CSS-teams.

Het maakt niet uit wat je wilt gebruiken - ofwel de lagere of hoofdletters, belangrijker nog, niet de missie vergeten. Bijvoorbeeld, als u alleen veranderen voor decoratieve doeleinden, kunt u veilig het eigendom van «text-transform» toe te passen. Nou, als je weet wat uw gebruikers worden aangelegd om uw gegevens te kopiëren, is het het beste om de zaak van de tekst handmatig wijzigen. Sterker nog, soms de lezers niet een vervangend lettertype te merken. Dit is vooral van belang als het gaat om belangrijke documenten en soortgelijke informatie.