Está en la página 1de 8

MARGENES(MARGIN)

RELLENOS(PADDING)
PROPIEDADES DE BORDES

Border-Style
Bordes múltiples (diferentes)
Hasta ahora, sólo hemos utilizado un parámetro en cada propiedad, lo que significa que se
aplica el mismo valor para cada borde de un elemento (borde superior, borde derecho, borde
inferior y borde izquierdo). Sin embargo, podemos especificar uno, dos, tres o cuatro
parámetros, dependiendo de lo que queramos hacer:

De la misma forma, podemos hacer exactamente lo mismo con las propiedades border-width
(respecto al ancho del borde) y border-style (respecto al estilo del borde). Teniendo en cuenta
esto, disponemos de mucha flexibilidad a la hora de especificar esquemas de bordes más
complejos:
linear-gradient()
Hay otros parámetros que se pueden indicar para hacer gradientes más flexibles y
personalizables a parte de la lista de colores. Son los siguientes parámetros

DIRECCION DEL GRADIENTE


radial-gradient()
Dentro de los gradientes radiales también tenemos diferentes modalidades. Como mínimo,
debemos escoger una forma específica entre circle y ellipse (que si no es indicada, se usará
ellipse), y los colores del gradiente a utilizar:
FORMA DEL GRADIENTE RADIAL
POSICION DEL GRADIENTE

repeating-radial-gradient()
En lugar de utilizar la función radial-gradient() podemos utilizar la función repeating-radial-
gradient() para indicar un patrón de colores que se repetirá continuamente.

También podría gustarte