CSS3 User Interface

CSS3 User Interface

Em CSS3, aumentando o número de novos recursos de interface de usuário para ajustar o tamanho do elemento, tamanho do quadro e as fronteiras externas.

Neste capítulo, você vai aprender as seguintes propriedades da interface do usuário:

• redimensionar
• box-sizing
• delinear-offset

Suporte a navegadores

Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.

Imediatamente após a -webkit- digitais, -ms- ou -moz- atrás em apoio do prefixo atribuem primeiro número da versão do browser.

CSS3 redimensionamento (redimensionamento)

Em CSS3, redimensionar propriedade especifica se um elemento deve o usuário para ajustar o tamanho.

CSS é como se segue:

Exemplos

Um elemento div especificado pelo usuário Tamanho:

div
{
resize:both;
overflow:auto;
}

tente »

caixa de CSS3 redimensionamento (Box Sizing)

box-sizing propriedade permite que você defina o conteúdo exato de uma área específica de adaptação.

Exemplos

Disposições de dois lado a lado com um bloco de borda:

div
{
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
width:50%;
float:left;
}

tente »

CSS3 modificado de forma (offset esboço)

delinear-deslocada propriedade de contorno e desenhar o perfil para além da borda da fronteira.

Há dois contorno e moldura diferente:

• O contorno não ocupa espaço
• Pode ser esboço não rectangular

O código CSS é como se segue:

Exemplos

Disposições fora dos pixels de contorno na borda da borda 15:

div
{
border:2px solid black;
outline:2px solid red;
outline-offset:15px;
}

tente »

Os novos recursos de interface de usuário