Equipos Programas Media Internet Telecomunicaciones Seguridad Base de Datos Programación Calidad Desarrollo Empresa

CSS Propiedades

Descripcion Valores ValorInicial Ejemplos SeAplicaA
1 todos
1.1 display

inline | 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 | inherit

inline

todos menos los elementos posicionados y el contenido generado

1.2 counter-reset

<identificador> <entero>?+ | none | inherit

none

1.3 counter-increment

<identificador> <entero>?+ | none | inherit

none

1.4 content

<cadena> | <uri> | <contador> | attr(X) | open-quote | close-quote | no-open-quote | no-close-quote + | inherit

cadena vacía

2 visuales
2.1 Caja
2.1.1 Dimensiones
2.1.1.1 width

Esta propiedad especifica el ancho del contenido de un bloque, de una imagen, de un documento embebido ode un applet.

<medida> | <porcentaje> | auto | inherit

auto

width:100%;

table,tr,th,td

2.1.1.2 height

Esta propiedad especifica el alto del contenido de un bloque, de una imagen, de un documento embebido ode un applet.

<medida> | <porcentaje> | auto | inherit

auto

2.1.1.3 max-height

<medida> | <porcentaje> | none | inherit

none

todos los elementos menos los elementos de línea no reemplazados y tablas

2.1.1.4 max-width

<medida> | <porcentaje> | none | inherit

none

elementos a nivel de bloque

2.1.1.5 min-height

<medida> | <porcentaje> | inherit

0

2.1.1.6 min-width

<medida> | <porcentaje> | inherit

UA dependent

2.2 Linea
2.2.1 Dimensiones
2.2.1.1 line-height

normal | <número> | <medida> | <porcentaje> | inherit

normal

line-height: 22px;

elementos con 'display: list-item'

2.3 Caja
2.3.1 Posición
2.3.1.1 position

Especifica el algoritmo para calcular la posición de una caja

static | relative | absolute | fixed | inherit

static

elementos posicionados

2.3.1.2 float

Especifica donde debe flotar una caja.

left | right | none | inherit

none

2.3.1.3 top

Especifica la distancia que una caja respecto el borde superior de otra.

<medida> | <porcentaje> | auto | inherit

auto

2.3.1.4 left

<medida> | <porcentaje> | auto | inherit

auto

elementos con 'display: list-item'

2.3.1.5 right

<medida> | <porcentaje> | auto | inherit

auto

elementos que tienen la información de títulos en una tabla

2.3.1.6 bottom

<medida> | <porcentaje> | auto | inherit

auto

elementos reemplazados y a nivel de bloque

2.3.2 Estilo
2.3.2.1 border

'border-width' || 'border-style' || <color> | inherit

ver propiedades individuales

elementos 'table' e 'inline-table'

2.3.2.2 border-collapse

collapse | separate | inherit

collapse

2.3.2.3 border-color

<color>{1,4} | transparent | inherit

ver propiedades individuales

2.3.2.4 border-spacing

<medida> <medida>? | inherit

0

2.3.2.5 border-style

<border-style>{1,4} | inherit

ver propiedades individuales

2.3.2.6 border-top border-right border-bottom border-left

'border-top-width' || 'border-style' || <color> | inherit

ver propiedades individuales

2.3.2.7 border-top-color border-right-color border-bottom-color border-left-color

<color> | inherit

el valor de la propiedad 'color'

2.3.2.8 border-top-style border-right-style border-bottom-style border-left-style

<border-style> | inherit

none

elementos posicionados

2.3.2.9 border-top-width border-right-width border-bottom-width border-left-width

<border-width> | inherit

medium

elementos 'table-caption'

2.3.2.10 border-width

<border-width>{1,4} | inherit

ver propiedades individuales

elementos a nivel de bloque

2.3.2.11 padding

<padding-width>{1,4} | inherit

XX

elementos a nivel de bloque

2.3.2.12 padding-top padding-right padding-bottom padding-left

<padding-width> | inherit

0

elementos a nivel de bloque

2.3.2.13 margin

<margin-width>{1,4} | inherit

XX

contexto de página

2.3.2.14 margin-top margin-right margin-bottom margin-left

<margin-width> | inherit

0

todos los elementos menos los elementos de línea no reemplazados y tablas

2.3.2.15 clear

none | left | right | both | inherit

none

pseudo-elementos :before y :after

2.3.2.16 clip

<forma> | auto | inherit

auto

2.3.3 background

'background-color' || 'background-image' || 'background-repeat' || 'background-attachment' || 'background-position' | inherit

XX

2.3.4 background-attachment

scroll | fixed | inherit

scroll

elementos reemplazados y a nivel de bloque

2.3.5 background-color

<color> | transparent | inherit

transparent

background-color: #6699CC;

2.3.6 background-image

<uri> | none | inherit

none

2.3.7 background-position

<porcentaje> | <medida> {1,2} | [top | center | bottom] || left | center | right | inherit

0% 0%

elementos 'table' e 'inline-table'

2.3.8 background-repeat

repeat | repeat-x | repeat-y | no-repeat | inherit

repeat

2.3.9 vertical-align

baseline | sub | super | top | text-top | middle | bottom | text-bottom | <porcentaje> | <medida> | inherit

baseline

2.4 Lista
2.4.1 list-style

'list-style-type' || 'list-style-position' || 'list-style-image' | inherit

XX

elementos con 'display: list-item'

2.4.2 list-style-image

<uri> | none | inherit

none

2.4.3 list-style-position

inside | outside | inherit

outside

2.4.4 list-style-type

disc | 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-ir

disc

elementos con 'display: marker'

2.5 Tabla
2.5.1 table-layout

auto | fixed | inherit

auto

elementos a nivel de bloque

2.5.2 caption-side

top | bottom | left | right | inherit

top

2.5.3 empty-cells

show | hide | inherit

show

2.6 Texto
2.6.1 color

<color> | inherit

depende de la aplicación del usuario

color: #FFFFFF; color: blue;

body, h1,.., a, li, th, td

2.6.2 font

'font-style' || 'font-variant' || 'font-weight' 'font-size' / 'line-height' 'font-family' | caption | icon | menu | message-box | small-caption | status-bar | inherit

ver propiedades individuales

2.6.3 font-family

<nombre-de-la-familia> | <familia-genérica> <nombre-de-la-familia> | <familia-genérica> | inherit

depende de la aplicación del usuario

font-family: Tacoma;

2.6.4 font-size

<tamaño-absoluto> | <tamaño-relativo> | <medida> | <porcentaje> | inherit

medium

font-size: 16px;

2.6.5 font-size-adjust

<número> | none | inherit

none

2.6.6 font-stretch

normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit

normal

2.6.7 font-style

normal | italic | oblique | inherit

normal

font-style: italic;

todos los elementos menos los elementos de línea no reemplazados, columnas de tabla y grupos de columna

2.6.8 direction

ltr | rtl | inherit

ltr

elementos 'table-cell'

2.6.9 font-variant

normal | small-caps | inherit

normal

elementos posicionados

2.6.10 font-weight

normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit

normal

font-weight: bold;

2.6.11 letter-spacing

normal | <medida> | inherit

normal

elementos con 'display: list-item'

2.6.12 text-align

left | right | center | justify | <cadena> | inherit

depende de la aplicación del usuario y la dirección de escritura

2.6.13 text-decoration

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

none

2.6.14 text-indent

<medida> | <porcentaje> | inherit

0

elementos posicionados

2.6.15 text-shadow

none | <color> || <medida> <medida> <medida><color> || <medida> <medida> <medida>| inherit

none

todos los elementos, pero ver el texto

2.6.16 text-transform

capitalize | uppercase | lowercase | none | inherit

none

elementos a nivel de línea y 'table-cell'

2.6.17 unicode-bidi

normal | embed | bidi-override | inherit

normal

2.6.18 white-space

normal | pre | nowrap | inherit

normal

2.6.19 word-spacing

normal | <medida> | inherit

normal

2.6.20 overflow

visible | hidden | scroll | auto | inherit

visible

elementos a nivel de bloque

2.7 Marcador
2.7.1 marker-offset

<medida> | auto | inherit

auto

todos los elementos menos los elementos de línea no reemplazados y tablas

2.8 quotes

<cadena> <cadena>+ | none | inherit

depende de la aplicación del usuario

contexto de página

2.9 visibility

visible | hidden | collapse | inherit

inherit

elementos a nivel de bloque

2.10 z-index

auto | <entero> | inherit

auto

3 visuales, interactivos
3.1 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 | inherit

auto

3.2 outline

'outline-color' || 'outline-style' || 'outline-width' | inherit

ver propiedades individuales

3.3 outline-color

<color> | invert | inherit

invert

elementos reemplazados y a nivel de bloque

3.4 outline-style

<border-style> | inherit

none

3.5 outline-width

<border-width> | inherit

medium

4 visuales, paginados
4.1 marks

crop || cross | none | inherit

none

todos los elementos menos los elementos de línea no reemplazados y tablas

4.2 orphans

<entero> | inherit

2

4.3 page

<identificador> | auto

auto

elementos a nivel de bloque

4.4 page-break-after

auto | always | avoid | left | right | inherit

auto

4.5 page-break-before

auto | always | avoid | left | right | inherit

auto

4.6 page-break-inside

avoid | auto | inherit

auto

4.7 size

<medida>{1,2} | auto | portrait | landscape | inherit

auto

4.8 widows

<entero> | inherit

2

elementos posicionados

5 auditivos
5.1 azimuth

<ángulo> | left-side | far-left | left | center-left | center | center-right | right | far-right | right-side || behind | leftwards | rightwards | inherit

center

5.2 cue

'cue-before' || 'cue-after' | inherit

XX

5.3 cue-after

<uri> | none | inherit

none

todos los elementos, pero ver el texto

5.4 cue-before

<uri> | none | inherit

none

5.5 elevation

<ángulo> | below | level | above | higher | lower | inherit

level

5.6 pause

<tiempo> | <porcentaje>{1,2} ] | inherit

depende de la aplicación del usuario

5.7 pause-after

<tiempo> | <porcentaje> | inherit

depende de la aplicación del usuario

5.8 pause-before

<tiempo> | <porcentaje> | inherit

depende de la aplicación del usuario

5.9 pitch

<frecuencia> | x-low | low | medium | high | x-high | inherit

medium

todos los elementos, pero no al contenido generado

5.10 pitch-range

<número> | inherit

50

5.11 play-during

<uri> mix repeat | auto | none | inherit

auto

5.12 richness

<número> | inherit

50

5.13 speak

normal | none | spell-out | inherit

normal

5.14 speak-header

once | always | inherit

once

5.15 speak-numeral

digits | continuous | inherit

continuous

5.16 speak-punctuation

code | none | inherit

none

elementos 'table' e 'inline-table'

5.17 speech-rate

<número> | x-slow | slow | medium | fast | x-fast | faster | slower | inherit

medium

elementos a nivel de bloque

5.18 stress

<número> | inherit

50

5.19 voice-family

<voz-específica> | <voz-genérica> <voz-específica> | <voz-genérica> | inherit

depende de la aplicación del usuario

elementos a nivel de bloque

5.20 volume

<número> | <porcentaje> | silent | x-soft | soft | medium | loud | x-loud | inherit

medium

todos los elementos menos elementos de línea no reemplazados, filas de tabla y grupos de filas

Página generada automáticamente desde la Base de Datos: CSS/ el 28/3/2008 9:43:04