Lista de propiedades CSS

 

Lista de propiedades CSS
 

 

 
Tipo de letra (fuente)
PropiedadDescripciónValores
fontpropiedad compuesta
font-familytipo de letra (fuente)serif | sans-serif | cursive | fantasy | monospace
font-sizetamañoxx-small | x-small | medium | large | x-large | xx-large | larger | smaller | longitud | %
font-size-adjust
font-stretchanchuraultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded normal | wider | narrower
font-styleinclinaciónnormal | oblique | italic
font-variantversalitasnormal | small-caps
font-weightgrosor del trazo100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | normal | bold | bolder | lighter
Texto
PropiedadDescripciónValores
colorcolor del texto
directiondirección del texto
letter-spacingespacio entre carácteres
text-alignalineación del textoleft | right | center | justify
text-decorationdecoración del textonone | underline | overline | line-through | blink
text-indentsangría de la primera línealongitud | %
text-shadow
text-transformmayúsculas / minúsculasnone | capitalize | uppercase | lowercase
unicode-bidi
white-spacemanejo de los espacios en blanco
word-spacingespacio entre palabras
Bordes
PropiedadDescripciónValores
bordercuatro bordes simultáneamenteborder-color border-width border-style
border-topborde superior
border-rightborde derecho
border-bottomborde inferior
border-leftborde izquierdo
border-colorcolor de los bordes
border-widthgrosor de los bordesthin | medium | thick | longitud
border-styleestilos de los bordesnone | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
border-top-colorcolor del borde superior
border-top-widthgrosor del borde superiorthin | medium | thick | longitud
border-top-styleestilo del borde superiornone | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
border-right-colorcolor del borde derecho
border-right-widthgrosor del borde derechothin | medium | thick | longitud
border-right-styleestilo del borde derechonone | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
border-bottom-colorcolor del borde inferior
border-bottom-widthgrosor del borde inferiorthin | medium | thick | longitud
border-bottom-styleestilo del borde inferiornone | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
border-left-colorcolor del borde izquierdo
border-left-widthgrosor del borde izquierdothin | medium | thick | longitud
border-left-styleestilo del borde izquierdonone | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
Márgenes
PropiedadDescripciónValores
margincuatro márgenes simultáneamentelongitud | % (de 1 a 4 valores)
margin-topmargen superiorlongitud | %
margin-rightmargen derecholongitud | %
margin-bottommargen inferiorlongitud | %
margin-leftmargen izquierdolongitud | %
Relleno
PropiedadDescripciónValores
paddingcuatro rellenos simultáneamentelongitud | % (de 1 a 4 valores)
padding-toprelleno superiorlongitud | %
padding-rightrelleno derecholongitud | %
padding-bottomrelleno inferiorlongitud | %
padding-leftrelleno izquierdolongitud | %
Listas
PropiedadDescripciónValores
list-stylepropiedad compuesta
list-style-typetipo de marcadordisc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-alpha | lower-latin | upper-alpha | upper-latin | hebrew | armenian | georgian | cjk-ideographic | hiragana | katakana | hiragana- iroha | katakana-iroha | none | inherit
list-style-positionposición del marcadorinside | outside | inherit
list-style-imageimagen del marcadorurl («ruta_y_nombre_de_archivo»)
marker-offsetdistancia entre marcador y elementolongitud
Fondos
PropiedadDescripciónValores
backgroundpropiedad compuesta
background-colorcolor de fondo
background-imageimagen de fondourl («ruta_y_nombre_de_archivo»)
background-positionposición de la imagen de fondo2 valores: longitud, %, top | center | bottom , left | center | right
background-repeatrepetición de la imagen de fondono-repeat | repeat-x | repeat-y | repeat
background-attachmentatadura de la imagenscroll | fixed
Pseudo-elementos
NombreDescripciónValores
:first-letterprimera letra
:first:lineprimera línea de texto
:beforeinserta contenido antes del elemento
:afterinserta contenido después del elemento
Pseudo-clases
NombreDescripciónValores
:first-childprimer elemento hijo
:linkenlaces no visitados
:visitedenlaces ya visitados
:hovercuando el ratón pasa sobre el elemento
:activecuando haces clic sobre el elemento
:focuscuando el elemento tiene el foco
:langidioma:lang(en) | :lang(es) | :lang(fr) etc.
Tablas
PropiedadDescripciónValores
caption-sideposición de la leyendatop | bottom | left | right
empty-cellsborde de casillas vacíasshow | hide
Posicionamiento
PropiedadDescripciónValores
displaytipo de cajainline | block | list-item | run-in | compact | marker | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | none
floatmodo de posicionamiento flotanteleft | right
clearlado en el que no puede haber elementos flotantesnone | left | right | both
positionmodo de posicionamientostatic | relative | absolute | fixed
topposición del borde superior del elementolongitud | %
rightposición del borde derecho del elementolongitud | %
bottomposición del borde inferior del elementolongitud | %
leftposición del borde izquierdo del elementolongitud | %
overflowsi el contenido desborda al elementovisible | hidden | scroll | auto
z-indexapilamientovalor (número entero)
Tamaño
PropiedadDescripciónValores
widthanchuralongitud | % | auto
min-widthanchura mínimalongitud | %
max-widthanchura máximalongitud | %
heightalturalongitud | % | auto
min-heightaltura mínimalongitud | %
max-heightanchura máximalongitud | %
line-heightespaciadonormal | número | longitud | %
vertical-alignalineación verticalbaseline | sub | super | top | text-top | middle | bottom | text-bottom | longitud | %
Interface de usuario
PropiedadDescripciónValores
cursortipo de cursor<uri> | auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help

 

Autor: Bartolomé Sintes Marco ( http://www.mclibre.org)

Etiquetas
Botón volver arriba
Cerrar