CSS text-transform: Versaler, gemener och capitalize
Många utvecklare letar efter hur man "ändrar stora till små bokstäver med CSS" i hopp om en verklig ändring av texten. CSS ändrar dock endast det visuella utseendet, inte strängens faktiska värde. Den här guiden förklarar varför det är viktigt.
Innehållsförteckning:
- text-transform: lowercase
- text-transform: uppercase
- text-transform: capitalize
- CSS vs JavaScript
- Omvandla den faktiska texten
text-transform: lowercase
Texten visas som små bokstäver, men källan förblir oförändrad..selector { text-transform: lowercase; }
text-transform: uppercase
Texten visas som stora bokstäver utan att ändra den ursprungliga strängen..selector { text-transform: uppercase; }
text-transform: capitalize
Capitalize visar första bokstaven i varje ord som stor — återigen, endast visuellt..selector { text-transform: capitalize; }
CSS vs JavaScript
Använd den här tabellen för att bestämma vilken teknik som passar dina behov bäst.| Användningsområde | CSS | JavaScript |
|---|---|---|
| Endast visuell design | Ja | Valfritt |
| Verklig textändring | Nej | Ja |
| Formulärinskick | Nej | Ja |
Omvandla den faktiska texten
Om du behöver att texten faktiskt ändras (för kopiera-klistra in eller för ett formulär), använd JavaScript eller en omvandlare.- JavaScript-guide
- Onlineverktyg: https://textcaseconverter.online/sv/
FAQ
Om du undrade över CSS och format, här är det viktigaste svaret.
Ändrar text-transform källtexten?
Nej. Det är endast en visuell transformation.
När ska man använda JavaScript istället för CSS?
Använd JS när du behöver att textsträngens faktiska värde ska ändras.
Finns det ett snabbt alternativ utan kod?
Ja. Använd online-omvandlaren.
Använd omvandlaren för en verklig formatändring, inte bara en visuell stil.
Öppna omvandlaren
JavaScript: Omvandla stora till små bokstäver (Alla metoder)
Använd toLowerCase(), toUpperCase() och lokaliseringsspecifika metoder med konkreta exempel.
Python: Omvandla STORA bokstäver till små (Alla metoder)
Praktiska Python-exempel med lower(), upper(), title(), capitalize() och swapcase() för textnormalisering.
Gratis Omvandlare från Versaler till Gemener (Online med ett klick)
Ändra stora till små bokstäver omedelbart med ett gratis online-verktyg. Ingen registrering, inga gränser och säker hantering i webbläsaren.
Ändra från stora till små bokstäver online: 4 snabba metoder (Utan installation)
Fyra snabba sätt att ändra format online, inklusive Word, Excel, Google Dokument och ett gratis webbverktyg.
Stora och små bokstäver: ASCII, Unicode och känslighet
Hur tecken kodas och varför känsligheten för format är viktig inom datateknik.
Versaler vs Gemener: Betydelse, skillnader och användning
En tydlig förklaring av versaler och gemener, deras skillnader och när var och en bör användas.