O melhor tutorial CSS3 User Interface em 2024. Neste tutorial você pode aprender CSS3 User Interface,Suporte a navegadores,CSS3 redimensionamento (redimensionamento),Exemplos,caixa de CSS3 redimensionamento (Box Sizing),Exemplos,CSS3 modificado de forma (offset esboço),Exemplos,Os novos recursos de interface de usuário,
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:
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.
属性 | |||||
---|---|---|---|---|---|
resize | 4.0 | 不兼容 | 5.0 4.0 -moz- |
4.0 | 15.0 |
box-sizing | 10.0 4.0 -webkit- |
8.0 | 29.0 2.0 -moz- |
5.1 3.1 -webkit- |
9.5 |
outline-offset | 4.0 | 不兼容 | 5.0 4.0 -moz- |
4.0 | 9.5 |
Em CSS3, redimensionar propriedade especifica se um elemento deve o usuário para ajustar o tamanho.
CSS é como se segue:
Um elemento div especificado pelo usuário Tamanho:
box-sizing propriedade permite que você defina o conteúdo exato de uma área específica de adaptação.
Disposições de dois lado a lado com um bloco de borda:
delinear-deslocada propriedade de contorno e desenhar o perfil para além da borda da fronteira.
Há dois contorno e moldura diferente:
O código CSS é como se segue:
Disposições fora dos pixels de contorno na borda da borda 15:
propriedade | explicação | CSS |
---|---|---|
aparência | Ele permite que você faça a aparência de um elemento como um elementos de interface de usuário padrão | 3 |
box-sizing | Ele permite que você se adaptar para a região e para definir certos elementos de alguma forma | 3 |
ícone | Os criadores do elemento é definido como ícone de capacidade equivalente. | 3 |
nav-down | Especifica onde para navegar ao usar as setas do teclado para navegar para baixo | 3 |
nav-index | Especifica que um elemento de ordem de tabulação | 3 |
nav-esquerda | Especificar onde usar as teclas de navegação seta para a esquerda para navegar | 3 |
nav-direita | Especificar onde usar as teclas de navegação seta para a direita para navegar | 3 |
nav-up | Especifica onde para navegar ao usar as setas do teclado para navegar para cima | 3 |
delinear-offset | Modificação do contorno exterior e escrever por cima da borda da borda | 3 |
redimensionar | Especificar se um elemento é redimensionada pelo usuário | 3 |