CSS3 propriedade-image-slice fronteira
Exemplos
compensada internamente imagem especificada limite:
div
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
}
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
}
Suporte a navegadores
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 |
Atributo definições e instruções
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%" |
gramática
border-image-slice:number|%|fill;
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 |
