CSS text-transform: Store bokstaver, små bokstaver og capitalize
Mange utviklere leter etter hvordan man "endrer store til små bokstaver med CSS" i håp om en faktisk endring av teksten. CSS endrer imidlertid bare det visuelle utseendet, ikke strengens faktiske verdi. Denne veiledningen forklarer hvorfor det er viktig.
Innholdsfortegnelse:
- text-transform: lowercase
- text-transform: uppercase
- text-transform: capitalize
- CSS vs. JavaScript
- Omforme den faktiske teksten
text-transform: lowercase
Teksten vises som små bokstaver, men kilden forblir uendret..selector { text-transform: lowercase; }
text-transform: uppercase
Teksten vises som store bokstaver uten å endre den opprinnelige strengen..selector { text-transform: uppercase; }
text-transform: capitalize
Capitalize viser første bokstav i hvert ord som stor — igjen, bare visuelt..selector { text-transform: capitalize; }
CSS vs. JavaScript
Bruk denne tabellen for å bestemme hvilken teknologi som passer dine behov best.| Bruksområde | CSS | JavaScript |
|---|---|---|
| Bare visuell design | Ja | Valgfritt |
| Faktisk tekstendring | Nei | Ja |
| Skjemainnsending | Nei | Ja |
Omforme den faktiske teksten
Hvis du trenger at teksten faktisk endres (for kopier-lim inn eller for et skjema), bruk JavaScript eller en omformer.- JavaScript-veiledning
- Onlineverktøy: https://textcaseconverter.online/no/
FAQ
Hvis du lurte på CSS og format, her er det viktigste svaret.
Endrer text-transform kildeteksten?
Nei. Det er bare en visuell transformasjon.
Når bør man bruke JavaScript i stedet for CSS?
Bruk JS når du trenger at tekststrengens faktiske verdi skal endres.
Finnes det et raskt alternativ uten kode?
Ja. Bruk online-omformeren.
Bruk omformeren for en faktisk formatendring, ikke bare en visuell stil.
Åpne omformeren
JavaScript: Omforme store til små bokstaver (Alle metoder)
Bruk toLowerCase(), toUpperCase() og lokaliseringsspesifikke metoder med konkrete eksempler.
Python: Omforme STORE bokstaver til små (Alle metoder)
Praktiske Python-eksempler med lower(), upper(), title(), capitalize() og swapcase() for tekstnormalisering.
Gratis Omformer fra Store til Små Bokstaver (Online med ett klikk)
Endre store til små bokstaver umiddelbart med et gratis online-verktøy. Ingen registrering, ingen grenser og sikker håndtering i nettleseren.
Endre fra store til små bokstaver på nett: 4 raske metoder (Uten installasjon)
Fire raske måter å endre format på nett, inkludert Word, Excel, Google Dokumenter og et gratis nettverktøy.
Store og små bokstaver: ASCII, Unicode og følsomhet
Hvordan tegn kodes og hvorfor følsomheten for format er viktig innen datateknikk.
Store vs. Små Bokstaver: Betydning, forskjeller og bruk
En tydelig forklaring av store og små bokstaver, deres forskjeller og når hver av dem bør brukes.