Aunque lo normal es que los bordes y los márgenes se apliquen mediante el código CSS, también se pueden incluir en el código HTML para las imágenes. El atributo border=»…» define un borde del tamaño indicado alrededor de la imagen. Su valor es un número que expresa los píxeles de grosor que tendrá el borde.
Índice
La propiedad de CSS border-image permite utilizar una imágen para definir los bordes de los elementos.
Resumen
- border-image-source (en-US): none.
- border-image-slice : 100%
- border-image-width (en-US): 1.
- border-image-outset : 0.
- border-image-repeat : stretch.
¿Cómo hacer un borde en CSS?
Para cada borde se puede establecer su anchura o grosor, su color y su estilo, por lo que en total CSS define 20 propiedades relacionadas con los bordes.
4.3.1. Anchura.
| Propiedades | border-top-width, border-right-width, border-bottom-width, border-left-width |
|---|---|
| Se aplica a | Todos los elementos |
| Valor inicial | Medium |
¿Cómo poner borde a una imagen?
Personalizar el borde de la imagen
- Elija la imagen a la que desea agregar un borde personalizado.
- Ir al formato de imagen > borde de la imagen.
- Seleccione un color.
- Elija una de las opciones siguientes: En la lista Grosor, seleccione el ancho del borde. En la lista Guiones, seleccione un estilo de línea.
¿Cómo poner un borde grueso en CSS?
La propiedad border-width es una de las «propiedades shorthand» que define CSS y que se utilizan para establecer de forma abreviada el valor de una o más propiedades individuales. La propiedad border-width es tan poderosa que permite establecer el grosor de uno, dos, tres o los cuatro bordes de forma simultánea.