O modificador FolEs estender-borda-imagem define a distância pela qual a imagem da borda de um elemento é definida de sua caixa de borda.

As partes da imagem da borda renderizadas fora da caixa do elemento não acionam barras de rolagem vazadas e não capturam eventos do mouse.

Sintaxe

/* Valores de comprimento */
estender-borda-imagem: 1rem;

/* Valores numéricos */
estender-borda-imagem: 1.5;

/* superior e inferior | esquerda e direita */
estender-borda-imagem: 1 1.2;

/* superior | esquerda e direita | inferior */
estender-borda-imagem: 30px 2 45px;

/* superior | direita | inferior | esquerda */
estender-borda-imagem: 7px 12px 14px 5px;

/* Valores globais */
estender-borda-imagem: herdar;
estender-borda-imagem: inicial;
estender-borda-imagem: reverter;
estender-borda-imagem: reverter-camada;
estender-borda-imagem: desarmar;

Tradução para CSS

estender-borda-imagem é traduzido para border-image-outset.