Lista de Propiedades CSS

La tabla siguiente resumen las Propiedades definidas en las emitieron recomendaciones de Hojas de Estilo en Cascada (CSS):

SE INCLUYEN las Propiedades CSS 2, EXCEPTO las Propiedades Relacionadas con las Hojas de Estilo auditivas (aural). Las Propiedades Que Han Sido eliminadas en la pertenezcan Recomendacin CSS 2.1 SE listan al final. Los Valores de las Propiedades aadidos o Eliminados en la pertenezcan Recomendacin CSS 2.1 SE indicano con los Smbolos (+) o (-) . SE INCLUYEN also Propiedades CSS 3 Que admiten los navgeadores Internet Explorer, Firefox y Google Chrome

Tipo de letra - Texto - Bordes - Margen exterior - Margen interior - Fondos - Listas Tablas - Tamano - Posicionamiento - Impresora - Interfaz de usuario - PseudoElementos - Pseudo-Clases- No includas en CSS 2.1 - Tipos - CSS 3 Tipo de letra (fuente) Propiedad Descripcin Valores [[Font-style | | font-variant | | font-weight]? font-size [/ linePropiedad fuente height]? font-family] | ttulo | icon | menu | cuadro de Compuesta mensaje | pequeos subttulo| status-bar Tipo de [Nombre-fuente | familia-Genrica] [, nombre-fuente | familiafont-family letra Genrica] * (fuente) Tamano-Absoluto | Tamano-Relativo | DISTANCIA | font-size Tamano PORCENTAJE Inclinacion font-style normales | itlica | oblicua (cursiva) font-variant versalitas normal de | small-caps grosor del normales | negrita | audaces | ms font-weight trazo ligero | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 (negrita) Texto Propiedad Descripcin Valores color direccin letterColor del Texto Direccin del Texto Espacio color ltr | rtl normales | DISTANCIA

spacing

line-height text-align textdecoration text-indent textotransforma r unicodebidi verticalalign espacio en blanco

wordspacing

Entre carcteres espaciado Entre Lneas alineacin del Texto Decoracin del Texto sangra de la Primera Lnea Maysculas / Minsculas Direccin del Texto alineacin vertical, Espacios en blanco, saltos de lnea y envoltura Espacio Entre Palabras

normales | Nmero | DISTANCIA | PORCENTAJE centro | justificar | izquierda | derecha ninguno | blink | line-through | overline | subrayan DISTANCIA | PORCENTAJE

ninguno | capitalizar | minscula | mayscula normales | embed | bidi-override inicio | abajo | media | sub | Super | text-bottom | text-top | top | DISTANCIA | PORCENTAJE

normales | nowrap | pre | pre-line (+) | pre-wrap (+)

normales | DISTANCIA

Bordes Propiedad Descripcin Valores cuatro bordes frontera simultanea mente Borde border-top superior de borderBorde right Derecho borderBorde bottom inferior Borde border-left Izquierdo border-color | | border-width | |-estilo de borde

border-color | | border-width | |-estilo de borde border-color | | border-width | |-estilo de borde border-color | | border-width | |-estilo de borde border-color | | border-width | |-estilo de borde

bordercolor borderwidth borderstyle border-topcolor de border-topancho -top borderstyle borderright-color de borderright-ancho -al estilo de borde derecho borderbottomcolor de borderbottomancho -bottom borderstyle border-leftcolor de border-leftancho -left borderstyle

Color de los bordes grosor de los bordes Estilos de los bordes Color del Borde superior, grosor del Borde superior, Estilo del Borde superior, Color del Borde Derecho grosor del Borde Derecho Estilo del Borde Derecho Color del Borde inferior grosor del Borde inferior Estilo del Borde inferior Color del Borde Izquierdo grosor del Borde Izquierdo Estilo del Borde Izquierdo

[Color | transparent ] {1, 4} [ medio | gruesa | delgada | DISTANCIA] {1, 4} [ ninguno | hidden | discontinua | punteada | double | groove | ins erto | inicio | canto | slida ] {1, 4} [Color | transparent ] {1, 4}

[ medio | gruesa | delgada | DISTANCIA] {1, 4} [ ninguno | hidden | discontinua | punteada | double | groove | ins erto | inicio | canto | slida ] {1, 4} [Color | transparent ] {1, 4}

[ medio | gruesa | delgada | DISTANCIA] {1, 4} [ ninguno | hidden | discontinua | punteada | double | groove | ins erto | inicio | canto | slida ] {1, 4} [Color | transparent ] {1, 4}

[ medio | gruesa | delgada | DISTANCIA] {1, 4} [ ninguno | hidden | discontinua | punteada | double | groove | ins erto | inicio | canto | slida ] {1, 4} [Color | transparent ] {1, 4}

[ medio | gruesa | delgada | DISTANCIA] {1, 4} [ ninguno | hidden | discontinua | punteada | double | groove | ins erto | inicio | canto | slida ] {1, 4}

Margen exterior Propiedad Descripcin Valores cuatro Mrgenes margen exterior simultanea mente margen margin-top exterior superiores margen marginexterior right Derecho margen marginexterior bottom inferior margen margin-left exterior Izquierdo

[ auto | DISTANCIA | PORCENTAJE] {1, 4}

auto | DISTANCIA | PORCENTAJE

auto | DISTANCIA | PORCENTAJE

auto | DISTANCIA | PORCENTAJE

auto | DISTANCIA | PORCENTAJE

Margen interior Propiedad Descripcin Valores cuatro Mrgenes Interiores simultanea mente margen interior superior, margen interior Derecho margen interior inferior margen interior Izquierdo

relleno

[DISTANCIA | PORCENTAJE] {1, 4}

paddingtop paddingright paddingbottom paddingleft

DISTANCIA | PORCENTAJE

DISTANCIA | PORCENTAJE

DISTANCIA | PORCENTAJE

DISTANCIA | PORCENTAJE

Fondos Propiedad Descripcin Valores

fondo backgroun dattachment color de fondo backgroun d-image

Propiedad background-attachment | | background-color | | Imagen de fondo Compuesta | | background-position | | background-repeat atadura de fija | desplazamiento la imagen transparente | Color ninguno | uri [[ izquierda | centro | derecha | DISTANCIA | PORCENTAJE] [ top | centro | abajo | DISTANCIA | PORCENTAJE]]? | [[ izquierda | centro |derecha ] | | [ top | centro | abajo ]] no-repeat | repeat | repeat-x | repeat-y

Color de Fondo Imagen de Fondo Posicion de backgroun la Imagen d-position de Fondo Repeticin backgroun de la d-repeat Imagen de Fondo

Listas Propiedad Descripcin Valores Propiedad list-style-image | | list-style-position | | list-style-type Compuesta list-style- imagen del ninguno | uri image marcador list-style- posicion del interior | exterior position marcador none | circle | disc | square | decimal | decimal-leadingzero | lower-alpha | upper-alpha | lower-greek | lowerde tipo list- Tipo de latin | upper-latin | lower-roman | upperstyle marcador roman | armenian | georgian | hebrew(-) | cjk-ideographic() | hiragana (-) | katakana (-) | hiragana-iroha(-) | katakana-iroha(-) list-style Tablas Propiedad Descripcin Valores bordercollapse Modo de bordes Separacin borderEntre spacing Celdas leyenda Posicion de del lado la leyenda vacas las Borde de clulas casillas colapso | separada DISTANCIA DISTANCIA ? arriba | abajo | izquierda (-) | derecho (-) ocultar | espectculo

tablelayout

Vacas Algoritmo ancho de tabla

auto | fijada

Tamano Propiedad Descripcin Valores ancho Anchura Anchura min-width mnimos ancho Anchura mximo Mxima altura ALTURA ALTURA min-height MINIMA Anchura max-height Mxima si el desbordars Contenido e desborda al Elemento auto | DISTANCIA | PORCENTAJE DISTANCIA | PORCENTAJE DISTANCIA | PORCENTAJE auto | DISTANCIA | PORCENTAJE DISTANCIA | PORCENTAJE DISTANCIA | PORCENTAJE

auto | escondidos | desplazamiento | visible

Posicionamiento Propiedad Descripcin Valores flotar Modo de Posicionam iento flotante Lado En El Que No Puede del Haber Elementos flotantes Modo de Posicionam iento posicion del Borde superiores del Elemento ninguno | izquierda | derecha

borrar

ninguno | tanto | izquierda | derecha

posicin

absoluta | fija | relacin | esttica

superior

auto | DISTANCIA | PORCENTAJE

derecho

fondo

izquierda

recortar

posicion del Borde Derecho del Elemento posicion del Borde inferior del Elemento posicion del Borde Izquierdo del Elemento recorta el Elemento Tipo de caja

auto | DISTANCIA | PORCENTAJE

auto | DISTANCIA | PORCENTAJE

auto | DISTANCIA | PORCENTAJE

auto | forma none | block | compact(-) | inline | inline-block(+) | inline-table | listitem | marker(-) | run-in | table | table-caption | table-cell | tablecolumn |table-column-group | table-footer-group | table-headergroup | table-row | table-row-group

mostrar

visibilidad z-index

VISIBILIDA escondido | derrumbe | visible D apilamiento auto | Nmero-entero

Impresora Propiedad Descripcin Valores Salto de pagePgina break-after despues de Salto de pagePgina breakapuestas before iniciales de pageSalto de breakPgina inside Dentro de Nmero de Lneas al hurfanos ltimo de page Nmero de viudas Lneas al auto | siempre | evite | izquierda | derecha

auto | siempre | evite | izquierda | derecha

auto | evitar

Nmero-entero

Nmero-entero

Principio de la Pgina Interfaz de usuario Propiedad Descripcin Valores cursor pisos de cursor cuatro bordes simultanea mente Color de los bordes grosor de los bordes Estilos de los bordes [uri,]* | auto | crosshair | default | help | move | pointer | progress | n-resize | ne-resize | e-resize | se-resize | s-resize | swresize | w-resize |nw-resize | text | wait outline-color del | | Esquema de ancho | | esquema de estilo

perfilar contorno de colorcontorno de ancho -estilo de esquema

color border-width border-style

Pseudo-Elementos Nombre Descripcin Valores INSERTA Contenido : Despus despues de del Elemento INSERTA Contenido : Antes Antes del Elemento Primera : First-letter letra Primera : Primero: lnea de la lnea texto contenido counterincrement counterreset Contenido Generado

contenido: Contenido

contenido: Contenido

normales (+) | ninguna (+) | [Texto | uri | contador | attr (ATRIBUTO) | open-quote | close-quote | no-open-quote | noclose-quote ] +

incremento ninguno | [Nmero identificador-entero? ] + de contador Puesto a ninguno | [Nmero identificador-entero? ] + cero de

comillas

contador comillas

ninguno | [Texto-Apertura Texto-cierre] +

Pseudo-Clases Nombre Descripcin Valores CUANDO SE HACE Activo clic Sobre el Elemento imprimaci : First-child n Elemento hijo CUANDO el Elemento : Centrarse Tiene el foco CUANDO El Ratn : Hover pasa Sobre el Elemento : Lang idioma : Lang (es) |: lang (es) |: lang (fr), etc Enlaces no : Link visitados enlaces ya : Visited visitados Propiedades no includas en CSS 2.1 Propiedad Descripcin Valores font-sizeadjust fit de tamano Nmero de decimales ultra-condensed | extra-condensed | condensed | semicondensed | semi-expanded | expanded | extra-expanded | ultraexpandednormal | wider | narrower

font-stretch Anchura

Distancia marcador- entre DISTANCIA offset marcador y Elemento Marcas de marcas corte de cultivos | cruz Papel textDesplazamiento horizontal Desplazamiento vertical, Tamano sombreado shadow desenfoque, color

Tipos Propiedad Descripcin Valores contador familiaGenrica forma TamanoAbsoluto TamanoRelativo Contador Familia Genrica de fuente Forma Tamano Absoluto de fuente Relativo Tamano de fuente counter (nombre, Estilo) cursiva | fantasa | monoespaciado | serif | sans- serif rect (arriba, derecha, abajo, izquierda) xx-small | x-small | media | grande | x-large | xx-large

grandes | pequeos

uri (para imag Direccin en de absoluta o Fondo o fu relativea entes web)

url ("ruta_y_nombre_de_archivo")

CSS 3 Propiedad Descripcin Valores Bordes Redondead os Borde border-topsuperior de derechaDerecho radio redondeado borderBorde bottominferior derecha- redondeado radio Derecho Borde borderinferior bottom-leftIzquierdo radius redondeado Borde border-top- superior de left-radius Izquierdo redondeado borderradius [DISTANCIA | PORCENTAJE] {1, 4}

DISTANCIA | PORCENTAJE

DISTANCIA | PORCENTAJE

DISTANCIA | PORCENTAJE

DISTANCIA | PORCENTAJE

This page forma instancia de parte del Curso "Pginas web HTML / XHTML y Hojas de Estilo CSS" available in http://www.mclibre.org