
La propiedad border-image-source CSS define una imagen <image>
que se utilizará en lugar del marco y, si esta propiedad se establece en none
, se utiliza la forma definida en la propiedad border-style
.
Funciones border-image-source css
Valor inicial | none |
---|---|
Aplicado a | Todos los artículos. |
Heredable | No |
Móvil | No |
Valor calculado | none , o el URI de la imagen se convertirá en un enlace absoluto. |
/* Sin imagen de marco */ border-image-source : none; /* Especifica la ruta de la imagen que se mostrará en el marco */ border-image-source : url ( image.jpg ); /* Usa un degradado */ border-image-source: linear-gradient(to top, red, yellow); /* valores globales */ border-image-source: inherit; border-image-source: initial; border-image-source: unset;
Nota: Es cierto que <image>
se puede usar cualquier tipo de valor con esta propiedad, pero la compatibilidad con el navegador sigue siendo limitada y algunos navegadores solo admiten imágenes definidas a través de url()
.
Ejemplos y aplicaciones
Consulte la página border-image
para ver ejemplos del comportamiento de diferentes valores.
Soporte de navegadores
Característica | Chrome | Firefox | IE | Ópera | Safari |
---|---|---|---|---|---|
Soporte básico | 15.0 | 15.0 | 11 | 15 | 6 |
Características generales
La propiedad acepta border-image-source
uno de los siguientes valores:
none
Especifica que no se debe usar una imagen con el marco, sino con la forma definida en la propiedad border-style
.
<image>
Una referencia a una imagen que se utilizará en el marco.
Estructura border-image-source css
border-image-source: none | <image>;
Vea también
- La página de propiedades establecido por la propiedad de acceso directo
border-image
:border-image-slice
,border-image-width
,border-image-outset
yborder-image-repeat
. - La página de propiedades establecido por la propiedad de acceso directo
border
:border-width
,border-style
yborder-color
.
- Introducción al Lenguaje de Programación CSS
- Características text-decoration-style en CSS
- Características text-decoration-line en CSS
- Características text-decoration-color en CSS
- Características text-decoration en CSS
- Características text-align-last en CSS
- Características text-align en CSS
- Características tab-size en CSS
- Características overflow-wrap en CSS
- Características line-break en CSS
- Características letter-spacing en CSS
- Características direction en CSS
- Características line-height en CSS
- Características font-style en CSS
- Características font-weight en CSS
- Características font-stretch en CSS
- Características font en CSS
- Características font-size-adjust en CSS
- Características font-size en CSS
- Características font-kerning en CSS
- Características font-family en CSS
- Características order en CSS
- Características justify-content en CSS
- Características flex-wrap en CSS
- Características flex-shrink en CSS
- Características flex-grow en CSS
- Características flex-flow en CSS
- Características flex-direction en CSS
- Características flex-basis en CSS
- Características flex en CSS
- Características align-self en CSS
- Características align-items en CSS
- Características align-content en CSS
- Características overflow-y en CSS
- Características overflow-x en CSS
- Características overflow en CSS
- Características padding-right en CSS
- Características padding-left en CSS
- Características padding-bottom en CSS
- Características margin-top en CSS
- Características padding-top en CSS
- Características margin-right en CSS