O melhor tutorial CSS3 propriedade-image-slice fronteira em 2024. Neste tutorial você pode aprender Exemplos,Suporte a navegadores,Atributo definições e instruções,gramática,
compensada internamente imagem especificada limite:
Números na tabela representam o primeiro navegador a suportar o número da versão da propriedade.
属性 | |||||
---|---|---|---|---|---|
border-image-slice | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
border-image atributo -slice especifica o limite de imagem para dentro offset.
padrão: | 100% |
---|---|
herança: | não |
versão: | CSS3 |
sintaxe JavaScript: | objeto .style.borderImageSlice = "50% 50%" |
Nota: Este atributo especifica a imagem no topo, direita e inferior, borda esquerda da imigração, dividido em nove regiões: quatro cantos, quatro lados e meio.imagem intermediária será descartado (processo totalmente transparente), a menos que preencher palavras-chave. Se você omitir o quarto número / porcentagem dele, eo segundo o mesmo. Se também omitir o terceiro, e é o mesmo que o primeiro. Se também omitir o segundo, e é o mesmo que o primeiro.
valor | explicação |
---|---|
número | representação digital do pixel de imagem (imagens bitmap) ou coordenadas do vetor (se a imagem é uma imagem do vetor) |
% | A percentagem do tamanho da imagem é relativa: a altura da largura horizontal da imagem do deslocamento, desvio vertical imagem |
preencher | porção intermediária reservados da imagem |