Lista de Propiedades CSS

Lista de propiedades CSS La tabla tabla siguiente siguiente resume las propiedades definidas en las recomendaciones de Hojas de Estilo Esti lo en Cascada Cascada (CSS): Se incluyen las propiedades CSS 2, excepto las propiedades relacionadas con las hojas de hojas de estilo e stilo auditivas (aural). (aural). Las propiedades que han sido eliminadas en la recomendación CSS 2.1 se 2.1 se listan al final. final. Los valores de las propiedades añadidos o eliminados en la recomendación CSS 2.1 se indican i ndican con los símbolos símbolos (+) o (-) . Se incluyen también propiedades CSS 3 que admiten los navgeadores Internet Explorer, Explorer, Firefox y Google Chrome Tipo de letra - Texto Tipo de Texto - Bordes Bordes - Margen exterior - Margen interior - Fondos Fondos - Listas Listas - Tablas Tablas Tamaño Tam año - Posicionamiento osicionamiento - Impresora Impresora - Interface de usuario usuario - Pseudo-elementos Pseudo-elementos - Pseudoclases clases - No incluidas incluidas en CSS CS S 2.1 2.1 - Tipos Tipos - CSS 3

Tipo de letra (fuente) Propie Propied dad

Descri pción

Valores

font

propiedad compuesta

[ [ font-sty fo nt-style le || font-vari font-variant ant || font-weight font-weight ]? font-size [ / lineheight heig ht ]? font-family ] | caption | icon | menu | message-box | | small-caption | status-bar

font-family fon t-family

tipo de letra (fuente)

[ nombre-fuente | familia-genérica ] [, nombre-fuente | familia-genérica ]*

font-size fon t-size

tamaño amaño

tamaño-ab tamaño-absoluto | tamañ tamaño-relativ o-relativo o | dis distancia | tancia | porcentaje

font-style

inclinación (cursiva)

normal | | italic | | oblique

normal | | small-caps grosor del d el trazo normal | | bold | | bolder | | lighter | | 100 | | 200 | | 300 | | 400 | | 500 | | font-weight (negrita) 600 | | 700 | | 800 | | 900 font-variant

versalitas

Texto Propi edad

Descri pción

Valores

color

color del texto

color

direction

dirección del texto

ltr | | rtl

letterspacing

espacio entre carácteres

normal | | distancia

line-height

espaciado entre normal | | número | distancia | porcentaje líneas

text-align

alineación del texto

center | | justify | | left | | right

Titles you can't find anywhere else

Try Scribd FREE for 30 days to access over 125 million titles without ads or interruptions! Start Free Trial Cancel Anytime.





none | blink | | line-through | overline | underline

textdecoration

decoración del texto

text-indent

sangría de la primera línea

distancia dis tancia | porcentaje

texttransform

mayúsculas mayúsculas / minúsculas

none | capitalize | lowercase | uppercase

unicode-bidi

dirección del texto

normal | | embed | | bidi-override

vertical-align

alineación vertical

baseline | bottom | middle | sub | super | | text-bottom | texttop | top | distancia dis tancia | porcentaje

espacios en white-space blanco, saltos de normal | | nowrap | pre | pre-line(+) | pre-wrap pre-wrap(+) línea línea y wrap wordspacing

espacio entre palabras

normal | | distancia

Propi edad

Descri pción

Valores

border

cuatro cuatro bordes borde s border-color || border-width || border-style simultáneamente

border-top

borde su superior

border-col border-color or |||| border-w border-width idth || borderborder-st sty yle

border-right borde derec derech ho

border-col border-color or |||| border-w border-width idth || borderborder-st sty yle

borderbottom

borde borde infe inferio riorr

border border-c -col olor or || border border-w -widt idth h || border border-s -sty tylle

border-left

borde izquierdo izquierdo border-color border-color || border-width border-width || border-sty border-style le

border-color

color de los bordes

[ color colo r | transparent ] ] {1, 4}

border-width

grosor de los bordes

[ medium | thick | | thin | distancia ] {1, 4}

border-style

estilos de los bordes

[ none | hidden | dashed | | dotted | | double | groove | inset | | outset | | ridge | solid ] ] {1, 4}

Bordes

border-top- color del borde color superior


border-top- grosor del borde [ medium | thick | | thin | distancia ] {1, 4} width superior border-top- estilo del borde style superior






bordercolor del borde bottom-color inferior borderbottomwidth


grosor del borde [ medium | thick | | thin | distancia ] {1, 4} inferior

borderestilo del borde bottom-style inferior


border-leftcolor

color del borde izquierdo


border-leftwidth

grosor del borde [ medium | thick | | thin | distancia ] {1, 4} izquierdo

border-leftstyle

estilo del borde izquierdo


Margen exterior Propi edad

Descri pción

Valores

margin

cuatro cuatro márgenes exterior [ auto | distancia | porcentaje porcentaje ] {1, 4} simultáneamente

margin-top

margen exterior auto | distancia di stancia | porcentaje superior

margin-right

margen exterior auto | distancia di stancia | porcentaje derecho

marginbottom

margen exterior auto | distancia di stancia | porcentaje inferior

margin-left

margen exterior auto | distancia di stancia | porcentaje izquierdo

Margen interior Propi edad

Descri pción

Valores

padding

cuatro cuatro márgenes interiores [ distancia | porcentaje porcentaje ] {1, 4} simultáneamente

padding-top margen interior distancia dis tancia | porcentaje superior paddingright

margen interior distancia dis tancia | porcentaje derecho

padding-

margen interior






Propi edad

Descri pción

Valores

background

propiedad compuesta

background-attachment || background-color || backgroundimage || background-position || background-repeat background-repeat

background- atadura de la attachment imagen

fixed | | scroll

backgroundcolor de fondo transparent | | color color backgroundimagen image n de fondo fondo none | uri image [ [ left | | center | | right | | distancia | porcentaje] [ top | center | | background- posición de la bottom | distancia | porcentaje] ]? | [ [ left | | center | | right ] ] || [ position imagen image n de fondo fondo top | center | | bottom ] ] background- repetición de la no-repeat | | repeat | | repeat-x | | repeat-y repeat imagen image n de fondo fondo Listas Propi edad

Descri pción

Valores

list-style

propiedad compuesta

list-style-image list-style-imag e || list-style-pos list-style-positi ition on || list-style-type list-style-type

list-styleimage

imagen del marcador

list-styleposition

posición del marcador

inside | outside

tipo de marcador

none | circle | disc | | square | decimal | | decimal-leadingzero | lower-alpha | upper-alpha | lower-greek | | lower-latin | upper-latin | lower-roman | upper-roman | armenian | georgian | hebrew (-) | cjk-ideographic (-) | hiragana (-) | katakana (-) | hiragana-iroha(-) | katakana-iroha(-)

Propi edad

Descri pción

Valores

bordercollapse

modo de bordes collapse | separate

borderspacing

separación separaci ón entre entre distancia distancia? celdas

caption-side

posición de la leyenda

list-styletype

none | uri

Tablas

borde de

top | bottom | left (-) | right (-)





Propi edad

Descri pción

Valores

width

anchura

min-width

anch anchu ura mí mínima distancia distancia | porcen porcentaj taje e

max-width

anchu anchura ra máx máxima ima distancia distancia | porcentaj porcentaje e

height

altura

min-height

alt altura mí mínima ima

max-height

anchu anchura ra máx máxima ima distancia distancia | porcentaj porcentaje e

overflow

si el contenido desborda al elemento

auto | distancia di stancia | porcentaje

auto | distancia di stancia | porcentaje dist distan anc cia | por porcen centaje aje

auto | hidden | scroll | | visible

Posicionamiento Propi edad

Descri pción

Valores

float

modo de posicionamiento none | left | | right flotante

clear

lado en el que no puede haber none | both | left | | right elementos flotantes

position

modo de absolute | fixed | | relative | static posicionamiento

top

posición del borde superior del elemento


right

posición del borde derecho del elemento


bottom

posición del borde inferior del auto | distancia di stancia | porcentaje elemento

left

posición del borde izquierdo auto | distancia di stancia | porcentaje del elemento

clip

recorta el elemento

auto | forma none | block | | compact (-) | inline | inline-block (+) | inlinetable | list-item | marker (-) | run-in | table | table-caption |





Impresora Propi edad

Descri pción

Valores

page-break- salto salto de página after después de

auto | always | avoid | | left | | right

page-break- salto salto de página before antes de

auto | always | avoid | | left | | right

page-break- salto salto de página inside dentro de

auto | avoid

orphans

número número de líneas líneas número-entero al final de página pági na

widows

número número de líneas líneas al principio principio de la número-entero página

Interface Interface de usuario Propi edad

Descri pción

Valores

cursor

tipo de cursor

[uri,]* | auto | crosshair | | default | | help | move | pointer | | progress | n-resize | ne-resize | e-resize | se-resize | sresize | sw-resize | w-resize | nw-resize | text | | wait

outline

cuatro cuatro bordes borde s outline-color || outline-width || outline-style simultáneamente

outline-color

color de los bordes

color

outline-width

grosor de los bordes

border-width

outline-style

estilos de los bordes

border-style

Pseudo-elementos Nombre

Descri pción

Valores

:after

inserta contenido después del elemento

content: contenido

:before

inserta contenido contenido antes content: contenido del elemento

:first-letter

primera letra







none | [ identificador id entificador número-ent número-entero? ero? ]+

counterincrement

incremento incremento de de contador

counterreset

puesto a cero de none | [ identificador id entificador número-ent número-entero? ero? ]+ contador

quotes

comillas

none | [ texto-apertura texto-cierre ]+

Pseudo-clases Nombre

Descri pción

:active

cuando cuando se s e hace clic sobre el elemento

:first-child

primer elemento elemento hijo

:focus

cuando cuando el el elemento elemento tiene ti ene el foco

:hover

cuando cuando el ratón pasa sobre el elemento

:lang

idioma

:link

enlaces no visitados

:visited

enlaces ya visitados

Valores

:lang(en) | :lang(es) | :lang(fr) etc.

Propiedades no incluidas en CSS 2.1 Propi edad

Descri pción

Valores

font-sizeadjust

ajuste de tamaño

número-decimal

font-stretch

anchura

ultra-condensed | | extra-condensed | | condensed | | semicondensed | | semi-expanded | | expanded | | extra-expanded | |





familiagenérica

Familia genér g enérica ica cursive | fantasy | | monospace | serif | | sans-serif de fuente fuente

forma

Forma

tamañoabsoluto

Tamaño absoluto de fuente

tamañorelativo

Tamaño relativo larger | | smaller de fuente fuente

uri (para imagen de fondo o fondo o fuentes web)) web

Dirección absoluta o relativa

url("ruta_y_nombre_de_archivo")

Propi edad

Descri pción

Valores

borderradius

bordes redondeados

[ distancia | porcentaje porcentaje ] {1, 4}

rect(top, ri ght, bottom, left)

xx-small | | x-small | | medium | large | x-large | xx-large

CSS 3

borde superior border-topderecho right-radius redondeado


borderborde inferior bottomderecho right-radius redondeado


borderborde inferior bottom-left- izquierdo radius redondeado


borde superior border-topizquierdo left-radius redondeado


Esta página forma parte del curso "Páginas web HTML / XHTML y hojas de estilo CSS" disponible en http://www.mclibre.org

Lista de Propiedades CSS

Recommend Documents