CSS propiedades Flashcards
Indicar estructura de declaracion con propiedades x valores y
{ x1: y1, y2; x2: y3, y4; (...) }
Dar una propiedad de margen o borde exterior de x px
margin: xpx;
Dar una propiedad de grosor de borde de x px
border: xpx;
Dar una propiedad de espacio o borde interior de x px
padding: xpx;
Dar una propiedad de anchura de contenido de x pixeles
width: xpx;
Dar una propiedad de altura de contenido de x px
height: xpx;
Dar una propiedad para ajustar dimensiones no al contenido sino a x
box-sizing: x;
x puede ser content-box, padding-box, margin-box
Dar una propiedad de x (margen exterior, grosor borde, espacio interior) solo en el lado izquierdo de y px
x-left: ypx;
x es margin, border o padding
Dar una propiedad de x (margen exterior, grosor borde, espacio interior) solo en el lado derecho de y px
x-right: ypx;
x es margin, border o padding
Dar una propiedad de x (margen exterior, grosor borde, espacio interior) solo en el lado superior de y px
x-top: ypx;
x es margin, border o padding
Dar una propiedad de x (margen exterior, grosor borde, espacio interior) solo en el lado inferior de y px
x-bottom: ypx;
x es margin, border o padding
Dar una propiedad de dimension x (ancho, alto) mínima de y px
min-x: ypx;
x es height o width
Dar una propiedad de dimension x (ancho, alto) maxima de y px
max-x: ypx;
x es height o width
Dar una propiedad de color de texto x
color: x;
x es un color RGB, HSL o HSLA
Dar una propiedad de color de fondo x
background-color: x;
x es un color RGB, HSL o HSLA
Dar una propiedad de color de borde x
border-color: x;
x es un color RGB, HSL o HSLA
Dar una propiedad de tipo de letra x
font-family: x;
x es un tipo de letra, familias generales: serif, sans-serif, cursive, fantasy, monospace
Dar una propiedad de tamaño de letra x em
font-size: xem;
Dar una propiedad de grosor de letra x
font-weight: x;
x es normal, bold, bolder, lighter o un numero
Dar una propiedad de estilo de letra x
font-style: x;
x es normal, italic, oblique
Dar una propiedad de variación de estilo de letra x
font-variant: x;
x es normal, small-caps
Dar una propiedad de alineación de texto x
text-align: x;
x es center, left, right
Dar una propiedad de sangría de x cm en la primera línea de texto
text-indent: xcm;
x es una medida
Dar una propiedad de decoración de texto x
text-decoration: x;
x es none, underline, overline, line-through, blink
Dar una propiedad de transformacion de texto a x (mayusculas, minusculas)
text-transform: x;
x es capitalize, uppercase, lowercase, none
Dar una propiedad de distancia entre caracteres x
letter-spacing: x;
x es una medida
Dar una propiedad de distancia entre palabras x
word-spacing: x;
x es una medida
Dar una propiedad de interlineado x
line-height: x;
x es una medida
Dar una propiedad para los espacios en blanco x
white-space: x;
x es normal, pre, nowrap, pre-wrap, pre-line
Dar una propiedad para transición de z segundos de una propiedad x a otra gracias a pasar ratón por encima de un elemento y
y{ x: x1; transition: x zs; } y:hover { x: x2; }
Dar una propiedad de visualización x de un elemento respecto a los contiguos
display: x;
x es inline, block, inline-block, none, entre otros
Dar una propiedad de posicionamiento x de un elemento respecto a su contenedor
float: x;
x left, right, none
Indicar un valor global a una propiedad x para que se comporte por defecto
x: initial;
Indicar un valor global a una propiedad x para que herede la propiedad de elemento padre
x: inherit;
Dar una propiedad de estilo x a un borde
border-style: x;
x none, dotted (nofuncionasiempre), solid, double, groove, ridge, inset, outset
Dar una propiedad de tamaño x a un borde
border-width: x;
x thin, médium, thick, tamaño
Dar una propiedad de imagen de fondo x
background-image: x;
x path relativo o absoluto de una imagen
Dar una propiedad de repeticion x en una imagen de fondo
background-repeat: x;
x repeat-x, repeat-y, no-repeat
Dar una propiedad de fijacion o scroll x en una imagen de fondo
background-attachment: x;
x fixed, scroll
Dar una propiedad de posicionamiento x en una imagen de fondo
background-position: x;
x %, tamaño, [top, center, bottom] [left, center, right]
Dar una propiedad de alineacion vertical de texto x
vertical-align: x;
x baseline, sub, super, top, text‐top, middle, bottom, text‐bottom, %
Dar una propiedad de posicionamiento despejado x si encuentra elementos float en esa posicion
clear: x;
x none, left, right, both
Dar una propiedad de visibilidad x
visibility: x;
x visible, hidden, scroll, auto
Dar una propiedad de visibilidad x segun si se supera el limite del contenedor
overflow: x;
x visible, hidden, scroll, auto
Dar una propiedad de tipo de posicionamiento x
position: x;
x absolute, relative, static
Dar una propiedad de selección de zona x
clip: x;
x shape, auto
Dar una propiedad de posicion en tercer eje x
z-index: x;
Dar una propiedad de posicion x de titulo de una tabla
caption-side: x;
x top, bottom, left, right