CSS3 Outros

Neste tutorial, vamos aprender mais CSS interessantes3Funcionalidades

Usando CSS3Expandindo Interfaces de Usuário

Neste capítulo, discutiremos alguns CSS interessantes relacionados a interfaces de usuário3propriedaderesize,outline-offsetetc., você pode usá-lo para melhorar seu site.

Ajustar o Tamanho do Elemento

Você pode usar CSS3 A propriedade resize ajusta o tamanho do elemento horizontalmente, verticalmente ou bidirecionalmente. No entanto, esta propriedade geralmente é usada para<textarea>Remova o comportamento padrão de ajuste de tamanho do formulário dos controles de formulário.

p,　div,　textarea　{
　　　　width:　300px;
　　　　min-height:　100px;
　　　　overflow:　auto;
　　　　border:　1px　solid　black;
}
p　{
　　　resize:　horizontal;　
}
div　{
　　　　resize:　both;
}
textarea　{
　　　　resize:　none;
}

Definindo a Deslocamento do Contorno

No capítulo anterior, você aprendeu como definir diferentes atributos para o contorno, como largura, cor e estilo. No entanto, o CSS3Foi fornecida outra propriedade, outline-offset é usado para definir o espaço entre a contorno e a borda do elemento. Esta propriedade pode aceitar valores negativos, o que significa que você também pode colocar um contorno dentro do elemento.

p,　div　{
　　　　margin:　50px;
　　　　height:　100px;
　　　　background:　#000;
　　　　outline:　2px　solid　red;
}
p　{
　　　　outline-offset:　10px;
}
div　{
　　　　outline-offset:　-15px;
}