Bordes CSS

Inicio
Clase 23
Clase 24
Clase 25
Clase 26
Clase 28



Márgenes CSS


Los márgenes se utilizan para crear espacio alrededor de los elementos, fuera de cualquier borde definido.


Márgenes CSS


Las propiedades CSS se utilizan para crear espacio alrededor de los elementos, fuera de cualquier frontera definida.margin

Con CSS, tienes control total sobre los márgenes. Hay propiedades para establecer el margen para cada lado de un elemento (superior, derecho, inferior e izquierdo).


Margen - Lados individuales


CSS tiene propiedades para especificar el margen para cada Lado de un elemento:


  • margin-top
  • margin-right
  • margin-bottom
  • margin-left

Todas las propiedades de margen pueden tener los siguientes valores:


  • Auto-el navegador calcula el margen
  • Longitud: especifica un margen en px, pt,cm,etc
  • %-especifica un margen en % de la nchura del elemento contenedor
  • inherit: especifica que el margen debe heredarse del elemento primario

Anchos laterales específicos


La propiedad puede tener de uno a cuatro valores (para el borde superior, borde derecho, borde inferior y borde izquierdo): border-width






Margin - Propiedad abreviada


Para acortar el código, es posible especificar todas las propiedades de margen en una propiedad

La propiedad es una propiedad abreviada para las siguientes propiedades de margen individuales: margin

  • margin-top
  • margin-right
  • margin-bottom
  • margin-left

    • Entonces, así es como funciona:

    Si la propiedad tiene cuatro valores: margin

    margen: 25px 50px 75px 100px;

    • El margen superior es de 25px
    • El margen derecho es de 50px
    • El margen inferior es 75px
    • El margen izquierdo es 100px





    Si la propiedad tiene tres valores: margin


    margen: 25px 50px 75px;

    • El margen superior es de 25px
    • Los márgenes derecho e izquierdo son de 50px
    • El margen inferior es 75px




    Si la propiedad tiene dos valores: margin


    margen: 25px 50px

    • Los márgenes superior e inferior son de 25px
    • Los márgenes derecho e izquierdo son de 50px



    Si la propiedad tiene un valor: margin


    margen: 25px;

    • Los cuatro márgenes son de 25px




      • El valor automático

      Puede establecer la propiedad margin en para centrar horizontalmente el elemento dentro de su contenedor. auto

      El elemento ocupará el ancho especificado y el espacio restante se dividirá en partes iguales entre los márgenes izquierdo y derecho.