Faça a primeira mancha no CSS
Este post irá guiá -lo:
- Como ajustar os casos de texto em CSS?
- Como fazer a primeira mancha de personagem de “”Elemento no CSS?
- Como fazer a primeira mancha de personagem de “”Elemento no CSS?
Como ajustar os casos de texto em CSS?
Os casos de texto são ajustados no CSS, utilizando o “transformação de texto" propriedade. Esta propriedade fornece cinco valores diferentes:
- ““capitalizar”O valor é utilizado para capitalizar a primeira letra de cada palavra.
- ““superior”O valor faz com que cada letra na mancha.
- ““mais baixo”Altera todas as letras em minúsculas.
- ““herdar”Aplica o caso de texto do pai ao elemento.
- ““nenhum”O valor não muda o caso de texto.
Como fazer a primeira mancha de personagem de “ ”Elemento no CSS?
O CSS “transformação de texto”Propriedade com o valor“capitalizar”É utilizado para capitalizar a primeira letra de cada palavra. No entanto, podemos usar o “::primeira cartaPseudo-classe para capitalizar apenas a primeira letra.
Vamos entender através dos exemplos.
Exemplo 1: capitalize a primeira letra de cada palavra
Em html, adicione “ Tutoriais do Linuxhint Redação de artigos edição de vídeo design gráfico Estilo " " Elemento O "transformação de texto”A propriedade recebe o valor“capitalizar”Para capitalizar a primeira letra de cada palavra do parágrafo. Saída Exemplo 2: capitalize a única primeira letra da primeira palavra O pseudo-seletor “::primeira carta”É utilizado para selecionar apenas a primeira letra. Para esse fim, acesse o “p”Elemento com pseudo-classe e utilizar o“transformação de texto" propriedade: Saída Como fazer a primeira mancha de elemento no CSS? Vamos ver como capitalizar o primeiro personagem dos elementos embutidos, como o “" elemento. Para esse fim, adicione “”Elementos e atribui -lhes o“aula" e "Href" atributos: Elementos de estilo “A” Acesse o elemento "A" com a ajuda do nome da classe "Linux”E aplique o“transformação de texto”Propriedade neles: Saída Como o elemento "" está embutido, eles são ajustados um ao lado do outro em uma linha. Para fazer com que sua única mancha no primeiro personagem e sua tela como nível de bloco, aplique o CSS “mostrar”Propriedade com o valor“bloquear”: Agora, use o “::primeira carta”Pseudo-seletor, juntamente com o atributo de classe do elemento“ A ”para capitalizar apenas a primeira letra: A saída indica que fizemos com sucesso a primeira mancha de caracteres do elemento no CSS. Conclusão Para tornar a primeira mancha de personagem, primeiro, adicione elementos ao documento HTML para especificar algum conteúdo de texto, como “ "E" "elementos. O pseudo-seletor “::primeira carta”É utilizado para selecionar a primeira letra do texto do elemento. Então, dentro da pseudo-classe, aplique o CSS “transformação de texto”Propriedade com o valor“capitalizar”Para fazer a primeira letra maiúscula. Este artigo explicou como fazer a primeira mancha de personagem usando CSS.
TRANSFORMA DE TEXTO: capitalizar;
TRANSFORMA DE TEXTO: capitalizar;
= "Linux" href = "#"> gravação do artigo
= "Linux" href = "#"> design gráfico
TRANSFORMA DE TEXTO: capitalizar;
exibição: bloco;
TRANSFORMA DE TEXTO: capitalizar;