Hur man gör versaler i CSS?

CSS tillåter att anpassa texten, som presenteras med hjälp av HMTL språk. Idag anser vi effekten av egenskaperna hos «text-omvandla», som gör det möjligt att ändra registret typsnitt. Det här alternativet stöds av alla moderna webbläsare och ingår i specifikationen av CSS-versioner.

tidsbeställning

Property «text-trans» kan ta tre grundläggande värderingar och ytterligare två sådana. Till exempel är det möjligt att tilldela till alla versaler markerad text. Eller så kan du ge kommandot mittemot föregående egendom, där alla tecken är gemener. För att göra utnämningen, kan du använda någon lämplig metod för dig. Till exempel med hjälp av de inbyggda stilar. Eller så kan du skapa en separat fil med en beskrivning av alla egenskaper. Vad är användningen av anslaget väg till dig. «Text-trans» kan ta följande värden:

• Versaler. Det gör alla valda tecknen versaler. CSS versaler vanligt, eftersom detta värde hjälper till att lösa många av de komplexa uppgifter i samband med texten.
• Gemener. Den här egenskapen är helt motsatt versaler lag.
• Kapitalisera. Förändringar registrera den första bokstaven på toppen. De återstående tecken kommer inte att förändras.
• Inga. Det gör att du kan ångra alla tilldelade värden (som krävs för de specifika egenskaper). Som regel är det standardinställningen.
• Ärva. Ärver alla egenskaper för det överordnade elementet. Det bör noteras att IE inte stöder den här funktionen.

ansökan

Använda CSS versaler (eller liknande effekter) sker via ett enkelt kommando. Därför finns det ingen anledning att ändra eller skriva om hela texten. När det gäller enkelsidig sida, då denna egenskap inte kan vara användbara. Men när du hanterar en stor portal där du vill fixa aktivering av vissa fragment av «text-omvandla» blir det enda effektiva botemedlet. Till exempel, måste du åtgärda «h2» typsnitt i huvudet taggar. För att göra detta, måste du lägga till en post: «h2 {text-transform: versaler; }", Och sedan alla andra nivån rubriker kommer att versaler.

funktioner

En del kanske tror att den manuella hanteringen av text och ändra teckensnitt genom att använda egenskaper «text-trans» har inga skillnader. Men detta är inte fallet. Om du manuellt ändra gemener till versaler (versaler) och kopiera denna information till webbplatsens kod kommer att förbli oförändrade. Om vi använder CSS språk, är allt annorlunda. Property «text-trans» bara visuellt för användaren att ändra typsnitt. Men i verkligheten, karaktärerna förblir oförändrade. Den levereras med alla värden i fastigheter. Kopierade informationen (text) kommer att ha glasögonfodral, som används i källkoden på sidan. Det är den enda skillnaden mellan den manuella hantering och användning av CSS-lag.

Oavsett vad du vill använda - antingen lägre eller versaler, viktigast av allt, glöm inte uppdraget. Till exempel, om du behöver bara ändra för dekorativa ändamål, du kan säkert tillämpa egendom «text-transform». Tja, om du vet vad dina användare kommer att läggas ut för att kopiera informationen, är det bäst att manuellt ändra fallet med text. I själva verket, ibland läsarna inte märker ett substitut teckensnitt. Detta är särskilt viktigt när det gäller viktiga dokument och liknande information.