Lista de Propiedades CSS

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 Recomendación CSS 2.1 SE listan al final. Los Valores de las Propiedades añadidos o Eliminados en la pertenezcan Recomendación CSS 2.1 SE indicano con los Símbolos (+) 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 incluídas en CSS 2.1 - Tipos - CSS 3 Tipo de letra (fuente) Propiedad Descripción Valores [[Font-style | | font-variant | | font-weight]? font-size [/ linePropiedad fuente height]? font-family] | título | icon | menu | cuadro de Compuesta mensaje | pequeños subtítulo| status-bar Tipo de [Nombre-fuente | familia-Genérica] [, nombre-fuente | familiafont-family letra Genérica] * (fuente) Tamano-Absoluto | Tamano-Relativo | DISTANCIA | font-size Tamano PORCENTAJE Inclinacion font-style normales | itálica | oblicua (cursiva) font-variant versalitas normal de | small-caps grosor del normales | negrita | audaces | más font-weight trazo ligero | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 (negrita) Texto Propiedad Descripción Valores color dirección letter-

Color del Texto Dirección 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 carácteres espaciado Entre Líneas alineación del Texto Decoración del Texto sangría de la Primera Línea Mayúsculas / Minúsculas Dirección del Texto alineación vertical, Espacios en blanco, saltos de línea y envoltura Espacio Entre Palabras

normales | Número | DISTANCIA | PORCENTAJE centro | justificar | izquierda | derecha ninguno | blink | line-through | overline | subrayan DISTANCIA | PORCENTAJE

ninguno | capitalizar | minúscula | mayúscula 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 Descripción 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 | sólida ] {1, 4} [Color | transparent ] {1, 4}

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

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

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

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

Margen exterior Propiedad Descripción Valores cuatro Márgenes 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 Descripción Valores

relleno

paddingtop paddingright paddingbottom paddingleft

cuatro Márgenes Interiores simultanea mente margen interior superior, margen interior Derecho margen interior inferior margen interior Izquierdo

[DISTANCIA | PORCENTAJE] {1, 4}

DISTANCIA | PORCENTAJE

DISTANCIA | PORCENTAJE

DISTANCIA | PORCENTAJE

DISTANCIA | PORCENTAJE

Fondos Propiedad Descripción 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

Color de Fondo Imagen de Fondo Posicion de backgroun la Imagen d-position de Fondo Repetición backgroun de la d-repeat Imagen de Fondo

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

Listas Propiedad Descripción 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 Descripción Valores bordercollapse

Modo de bordes Separación borderEntre spacing Celdas leyenda Posicion de del lado la leyenda vacías las Borde de células casillas

colapso | separada DISTANCIA DISTANCIA ? arriba | abajo | izquierda (-) | derecho (-) ocultar | espectáculo

tablelayout

Vacías Algoritmo ancho de tabla

auto | fijada

Tamano Propiedad Descripción Valores ancho

Anchura Anchura min-width mínimos ancho Anchura máximo Máxima altura ALTURA ALTURA min-height MINIMA Anchura max-height Máxima 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 Descripción Valores flotar

borrar

posición

superior

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

ninguno | tanto | izquierda | derecha

absoluta | fija | relación | estática

auto | DISTANCIA | PORCENTAJE

derecho

fondo

izquierda

recortar

mostrar

visibilidad z-index

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

VISIBILIDA escondido | derrumbe | visible D apilamiento auto | Número-entero

Impresora Propiedad Descripción Valores Salto de pagePágina break-after despues de Salto de pagePágina breakapuestas before iniciales de pageSalto de breakPágina inside Dentro de Número de Líneas al huérfanos último de page Número de viudas Líneas al

auto | siempre | evite | izquierda | derecha

auto | siempre | evite | izquierda | derecha

auto | evitar

Número-entero

Número-entero

Principio de la Página Interfaz de usuario Propiedad Descripción Valores cursor

perfilar contorno de colorcontorno de ancho -estilo de esquema

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

color border-width border-style

Pseudo-Elementos Nombre Descripción Valores INSERTA Contenido : Después despues de del Elemento INSERTA Contenido : Antes Antes del Elemento Primera : First-letter letra Primera : Primero: línea de la línea texto

contenido: Contenido

contenido: Contenido

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

contenido

Contenido Generado

counterincrement counterreset

incremento ninguno | [Número identificador-entero? ] + de contador Puesto a ninguno | [Número identificador-entero? ] + cero de

comillas

contador comillas

ninguno | [Texto-Apertura Texto-cierre] +

Pseudo-Clases Nombre Descripción Valores CUANDO SE HACE Activo clic Sobre el Elemento imprimació : First-child n Elemento hijo CUANDO el Elemento : Centrarse Tiene el foco CUANDO El Ratón : Hover pasa Sobre el Elemento : Lang idioma : Lang (es) |: lang (es) |: lang (fr), etc Enlaces no : Link visitados enlaces ya : Visited visitados Propiedades no incluídas en CSS 2.1 Propiedad Descripción Valores font-sizeadjust

fit de tamano

font-stretch Anchura

Número de decimales ultra-condensed | extra-condensed | condensed | semicondensed | semi-expanded | expanded | extra-expanded | ultraexpandednormal | wider | narrower

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 Descripción Valores contador familiaGenérica forma TamanoAbsoluto TamanoRelativo

Contador Familia Genérica de fuente Forma Tamano Absoluto de fuente Relativo Tamano de fuente

uri (para imag Dirección en de absoluta o Fondo o fu relativea entes web)

counter (nombre, Estilo) cursiva | fantasía | monoespaciado | serif | sans- serif rect (arriba, derecha, abajo, izquierda) xx-small | x-small | media | grande | x-large | xx-large

grandes | pequeños

url ("ruta_y_nombre_de_archivo")

CSS 3 Propiedad Descripción 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 "Páginas web HTML / XHTML y Hojas de Estilo CSS" available in http://www.mclibre.org