Uma tag span, escrita como tag, é um contêiner embutido genérico para conteúdo e elementos embutidos. É usado para agrupar e aplicar estilos na ausência de outro elemento semântico. Não há nenhum significado nesta tag, pois ela é usada principalmente para fins de estilo por meio de uma classe ou ID. A tag span é freqüentemente comparada ao
tag, mas a última é uma tag de nível de bloco, enquanto a primeira é uma tag embutida.
A tag span pode ser usada para alterar a fonte de frases ou palavras separadas, destacar uma parte de um texto usando cores, definir uma cor ou imagem de fundo e aplicar scripts a partes específicas de um texto. É compatível com vários navegadores, incluindo Google Chrome, Internet Explorer, Mozilla Firefox, Safari e Opera. A tag span suporta atributos globais e eventos em HTML.
Como estilizar a tag
Use os seguintes estilos de layout de texto:
- A propriedade text-overflow das folhas de estilo em cascata (CSS) indica como um usuário é sinalizado sobre o conteúdo transbordado que não é exibido
- A propriedade CSS text-indent especifica como indentar a primeira linha em uma caixa de texto
- A propriedade CSS word-break identifica os pontos onde as linhas são quebradas
- A propriedade CSS white-space especifica como lidar com o espaço em branco dentro de um elemento
Como colorir o texto na tag:
- A propriedade CSS color indica a cor do conteúdo do texto e outras decorações do texto
- A propriedade CSS background-color especifica a cor de fundo de um elemento
Propriedades que alteram o tamanho, a ênfase e o peso visual de um texto na tag:
- A propriedade CSS font-style identifica o estilo da fonte se é normal, itálico, inicial, oblíquo ou negrito
- A propriedade da família de fontes CSS define uma lista priorizada de nomes de famílias de fontes para um elemento selecionado
- A propriedade CSS font-weight especifica se uma fonte está em negrito ou grosso
- A propriedade CSS text-transform define as maiúsculas e minúsculas do texto em um elemento
- A propriedade CSS font-size define o tamanho da fonte
- A propriedade CSS text-decoration identifica a decoração adicionada a um texto