CSS text-transform: Maiúsculas, Minúsculas e Capitalize (Com Exemplos)
Muitos desenvolvedores pesquisam por "mudar de maiúsculas para minúsculas com CSS" esperando uma conversão real do texto. O CSS pode apenas mudar como o texto aparece, não o valor real da string. Este guia explica a diferença e mostra quando o CSS é apropriado.
Índice:
- text-transform: lowercase
- text-transform: uppercase
- text-transform: capitalize
- CSS vs. JavaScript
- Convertendo o texto real
text-transform: lowercase
Isso faz o texto aparecer em minúsculas, mas a string original não é alterada..seletor { text-transform: lowercase; }
text-transform: uppercase
Isso faz o texto aparecer em maiúsculas sem mudar a string de origem..seletor { text-transform: uppercase; }
text-transform: capitalize
Capitalize faz a primeira letra de cada palavra aparecer em maiúscula — novamente, apenas visualmente..seletor { text-transform: capitalize; }
CSS vs. JavaScript
Use esta comparação para decidir se o CSS ou o JS é melhor para o seu objetivo.| Caso de Uso | CSS | JavaScript |
|---|---|---|
| Apenas estilo visual | Sim | Opcional |
| Conversão de texto real | Não | Sim |
| Envios de formulário | Não | Sim |
Convertendo o texto real
Se você precisa que o texto mude de fato (para copiar e colar ou para formulários), use JavaScript ou um conversor.- Guia de JS
- Ferramenta Online: https://textcaseconverter.online/pt/
FAQ
Se você pesquisou sobre maiúsculas e minúsculas no CSS, isso esclarece a principal dúvida.
O text-transform muda o texto de verdade?
Não. Ele muda apenas a aparência visual.
Quando devo usar JavaScript em vez de CSS?
Use JS quando precisar que o valor real da string de texto seja alterado.
Existe uma opção rápida sem código?
Sim. Use o conversor online.
Use o conversor para mudanças reais de formato, não apenas estilos visuais.
Abrir o conversor
JavaScript: Converter Maiúsculas para Minúsculas (Todos os Métodos)
Use toLowerCase(), toUpperCase() e métodos sensíveis à localização com exemplos práticos.
Python: Converter Maiúsculas para Minúsculas (Todos os Métodos)
Exemplos práticos de Python usando lower(), upper(), title(), capitalize() e swapcase() para normalização de texto.
Conversor de Maiúsculas para Minúsculas Grátis (Online em um Clique)
Mude de maiúsculas para minúsculas instantaneamente com uma ferramenta online gratuita. Sem registros, sem limites e processamento seguro no navegador.
Passar de Maiúsculas para Minúsculas Online: 4 Métodos Rápidos (Sem Instalar)
Quatro maneiras rápidas de passar de maiúsculas para minúsculas online, incluindo Word, Excel, Google Docs e uma ferramenta web gratuita.
Letras Maiúsculas e Minúsculas: ASCII, Unicode e Sensibilidade
Como os caracteres são codificados e por que a sensibilidade ao formato importa no software.
Maiúsculas vs. Minúsculas: Significado, Diferenças e Quando Usar
Uma explicação clara sobre letras maiúsculas e minúsculas, suas diferenças e quando cada uma deve ser usada.