CSS
- CSS Básico
- Referencias (V2)
- Metodología
- Ejemplos
- Otros Enlaces
Ruta: >Programación>CSS
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