Como usar CSS para converter texto em letras maiúsculas em maiúsculas?

Como Usar Css Para Converter Texto Em Letras Maiusculas Em Maiusculas



O ' maiúsculo ” como seu nome define todos os caracteres do texto de destino para o formato maiúsculo e o “ caso de título ” coloca em maiúscula o caractere inicial de cada palavra no texto de destino. É usado principalmente na formatação de títulos, subtítulos e títulos em páginas da web. Os usuários também podem ser utilizados para melhorar a legibilidade dos itens de menu ou listas de produtos. Também aumenta a aparência geral e o reconhecimento da página da web.

Este artigo demonstra o procedimento passo a passo para converter texto em maiúsculas em maiúsculas.

Como converter texto em letras maiúsculas em maiúsculas e minúsculas?

Com a ajuda de propriedades CSS e JavaScript, o texto em maiúsculas pode ser convertido em uma caixa de título. Essa conversão ajuda a melhorar a legibilidade e a aparência do texto. Além disso, fornece formatação consistente e aprimora a experiência do usuário.







Siga o guia passo a passo abaixo para a conversão de maiúsculas para maiúsculas:



Etapa 1: criar um elemento de destino
Nesta primeira etapa, crie um elemento direcionado/selecionado dentro do “ ” que é convertida para a caixa do título. Por exemplo, o “ p ” os dados dos elementos são direcionados:



< Centro >
< p eu ia = 'conversor' > ESTE TEXTO É CONVERTIDO DE MAIÚSCULAS PARA CAIXA DE TÍTULO USANDO CSS < / p >
< Centro >

No bloco de código acima:





  • Primeiro, use um “

    ” para exibir o texto no centro da página da Web dentro do “ ' marcação. Além disso, forneça dados fictícios no formato de maiúsculas.

  • Em seguida, adicione um “ eu ia ” e forneça a ele um valor de “ conversor ”. Esse ' eu ia ” será usado para armazenar a referência da tag

    dentro da tag JavaScript.

Após o final da fase de compilação:



O instantâneo acima da página da Web mostra que o texto foi exibido com sucesso.

Passo 2: Convertendo letras maiúsculas em maiúsculas
Para criar um conversor, são utilizadas as propriedades e métodos do JavaScript. Siga o código abaixo, sua descrição indicada abaixo:

< roteiro >
era alvo = document.getElementById ( 'conversor' ) .textContent.towerCase ( ) ;
alvo = alvo .substituir ( / \b\w / g,
função ( mais baixo ) { retornar lower.toUpperCase ( ) ; } ) ;
document.getElementById ( 'conversor' ) .textContent = alvo ;
< / roteiro >

No trecho de código acima:

  • Primeiro, crie uma variável chamada “ alvo ' dentro de '