margin
), borde (border
) y margen interno (padding
) de un elemento.margin-top
, margin-right
, margin-bottom
y margin-left
para definir el margen superior, derecho, inferior e izquierdo respectivamente:margin
margin
:margin
también puede recibir dos valores: el valor para el margen superior e inferior, y el valor para el margen izquierdo y derecho.10px
arriba y abajo, y 20px
a los lados.margin
también puede recibir tres valores: el valor para el margen superior, y el margen de los lados, y el margen inferior.10px
arriba, 20px
a los lados y 30px
abajo:border-width
, border-style
y border-color
nos permiten definir el ancho, el estilo y el color del borde de un elemento.1px
de color rojo:border-style
son solid
(sólido), dotted
(punteado), dashed
(guiones) y double
(doble).border-width: 5px
).border-width: 5px 10px
)border-width: 5px 10px 20px
).border-width: 1px 2px 3px 4px
).border
border
para definir el ancho, estilo y color de todos los lados:border-radius
se utiliza para agregar bordes redondeados a un elemento:border-radius
a cada esquina individualmente con border-top-left-radius
, border-top-right-radius
, border-bottom-left-radius
y border-bottom-right-radius
.padding-top
, padding-right
, padding-bottom
y padding-left
.padding
padding
:padding
puede recibir uno, dos, tres y cuatro valores como margin
:width
y height
: