Sábado, 28 Mayo 2016 14:33

CSS: Margin + Padding Shorthands (i)

Cabezal sobre métodos abreviados en margin y padding css

CSS: Abreviando la escritura de valores en margin y padding

Como material de apoyo a los cursos de diseño web publico esta entrada con algunas ayudas gráficas sobre la forma de codificar en forma abreviada los valores para márgenes y rellenos con CSS; teniendo en cuenta que la escritura, en ambos casos, se puede escribir de forma corta siguiendo el mismo método.

Como veremos más abajo, la escitura de códigos usando shorthands expresa valores comenzando por el lado superior de la caja, luego se expresan los valores para el lado derecho, inferior e izquierdo. Siguiendo el sentido de las agujas del reloj, serían las direcciones que toman el indicador horario de un reloj a las 12, a las 3, 6 y 9 horas.

Veamos entonces cuáles los cuatro modos posibles: