Hur gör man stor bokstav i CSS?

CSS möjliggör flexibel anpassningtext, som representeras av HMTL-språket. Idag kommer vi att se på åtgärden av egenskapen "text-transform", vilket gör det möjligt att ändra teckensnittsregisteret. Det här alternativet stöds av alla moderna webbläsare och ingår i specifikationen av alla versioner av CSS.

tidsbeställning

Egenskapen "text-transform" kan ta tregrundläggande värden och ytterligare två. Till exempel kan du tilldela en stor bokstav till all vald text. Eller du kan ge ett kommando till motsatsen till föregående egendom, där alla tecken blir små bokstäver. Du kan göra ett avtal med någon metod som är bekväm för dig. Till exempel, med inbyggda stilar. Eller du kan skapa

En separat fil som beskriver alla egenskaper. Hur man använder uppgiftsmetoden är det upp till dig. "Text-transform" kan ta följande värden:

Versaler. Gör alla markerade symboler aktiverade. I CSS är versaler vanliga, eftersom det här värdet hjälper till att lösa många komplexa uppgifter relaterade till text.
Gemener. Den här egenskapen är helt motsatt till kommandotypen.
Kapitalisera. Ändrar fallet med första bokstaven till den övre. De återstående tecknen kommer inte att ändras.
Inga. Låter dig ångra alla tilldelade värden (nödvändigt för att fördefiniera en egenskap). Vanligtvis är detta värde som standard inställt.
Ärva. Inherits alla egenskaper hos moderelementet. Det bör noteras att IE inte stöder denna egendom.

ansökan

Använda CSS, huvudletan (ellerliknande effekter) installeras med ett enkelt kommando. Därför behöver du inte ändra eller skriva om hela texten. Om det är en sida med en sida, kan den här egenskapen inte vara användbar. Men när det finns en enorm portal under din kontroll, där du behöver rätta till bokstäver i vissa fragment, blir "text-transform" det enda effektiva verktyget. Till exempel måste du fixa teckensnittet i rubrikens taggar "h2". För att göra detta lägger du till posten: "h2 {text-transform: uppercase; } ", Och då kommer alla rubriker på den andra nivån att ha stor bokstav.

funktioner

Vissa kan överväga den handbokentextbehandling och ändring av teckensnittet med egenskapen "text-transform" har inga skillnader. Men det här är inte så. Om du manuellt byter små bokstäver till stor bokstav (stor bokstav), när du kopierar den här informationen från din webbplats, kommer tecknen att förbli oförändrade. Om du använder CSS-språket, sker allting annorlunda. Egenskapen "text-transform" endast visuellt för användare ändrar teckensnittet. Men i verkligheten förblir symbolerna oförändrade. Detta inträffar med alla värden på den här egenskapen. Den kopierade informationen (text) kommer att ha ett första register, som används i källkoden på sidan. Detta är den enda skillnaden mellan manuell bearbetning och användandet av CSS-kommandon.

Oavsett vad du vill använda - den undreeller stora versaler, viktigast av allt, glöm inte destinationen. Om du till exempel behöver ändringar endast för dekorativt syfte kan du säkert använda egenskapen "text-transform". Tja, om du vet att dina användare förmodligen kommer att kopiera informationen du har laddat upp är det bäst att manuellt ändra fallet för all text. Trots allt märker läsare inte en sådan typsnitt. Detta är särskilt kritiskt när det gäller viktiga dokument och sådan information.