Tech Mais

O Tech Mais é um fórum que aborda vários temas atuais, de cultura e arte até programação e tecnologia.


Você não está conectado. Conecte-se ou registre-se

 » Programação » Tutoriais de Códigos » 

[CSS] pseudo-element

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]


Administrador

em Ter Abr 14, 2015 10:57 pm
:pseudo-element

Introdução: Os chamados :pseudo-element são usados para personalizar uma certa parte de um específico elemento.

O ::fist-line pseudo-element


É usado para personalizar a primeira linha de um certo texto. Só pode ser aplicado em elementos de bloco, como h1.

Exemplo:


Código:
p::first-line {
font-variant: small-caps;
color: red;
font-size: 20px;
}

O ::fist-letter pseudo-element



É usado para personalizar a primeira letra de um certo texto. Só pode ser aplicado em elementos de bloco, como h1.

Exemplo:



Código:
p::first-letter {
font-variant: small-caps;
color: red;
font-size: 20px;
}

O ::selection pseudo-element



É usado para personalizar o conteúdo selecionado pelo utilizador. Só pode ser aplicado em elementos de bloco, como h1.

Exemplo:



Código:
::selection {
color: yellow;
background: blue;
}





© Mais Info




Ver perfil do usuário http://techmais.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum