Página Inicial de WebUsable

Página anterior Página Inicial de WebUsable Disminuir tamaño de letra Aumentar tamaño de letra Mapa de WebUsable Envía tus comentarios
 

 Tabla de Referencia de CSS's

Relacionado: DHTML y CSS's | Ejemplos y trucos con CSS's | Buenas prácticas HTML/CSS | Tablas y CSS's

Propiedad
background
Descripción Valores Browsers Espec.
Netsc. IE
background Determina las propiedades del fondo de un elemento.
  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position
6.0 4.0 CSS1
background-attachment Indica si la imagen de background permanece fija o hace scroll con el resto de la página.
  • scroll
  • fixed
6.0 4.0 CSS1
background-color Establece el color de fondo de un elemento.
  • color-rgb
  • color-hex
  • color-name
  • transparent
4.0 4.0 CSS1
background-image Establece la imagen usada para el fondo del elemento.
  • url
  • none
4.0 4.0 CSS1
background-position Indica donde se sitúa el inicio de la imágen de fondo.
  • top left
  • top center
  • top right
  • center left
  • center center
  • center right
  • bottom left
  • bottom center
  • bottom right
  • x-% y-%
  • x-pos y-pos
6.0 4.0 CSS1
background-repeat Indica si se va a repetir la imagen de fondo y de qué manera.
  • repeat
  • repeat-x
  • repeat-y
  • no-repeat
4.0 4.0 CSS1

Inicio de página

 

Propiedad
border
Descripción Valores Browsers Espec.
Netsc. IE
border Determina las propiedades de los 4 bordes (top, right, bottom, left) de un elemento.
  • border-width
  • border-style
  • border-color
4.0 4.0 CSS1
border-bottom Determina las propiedades del borde inferior (bottom) de un elemento.
  • border-bottom-width
  • border-bottom-style
  • border-bottom-color
6.0 4.0 CSS1
border-bottom-color Determina el color del borde inferior (bottom) de un elemento.
  • border-color
6.0 4.0 CSS2
border-bottom-style Determina el estilo del borde inferior (bottom) de un elemento.
  • border-style
6.0 4.0 CSS2
border-bottom-width Determina el ancho del borde inferior (bottom) de un elemento.
  • thin
  • medium
  • thick
  • length (px, pt...)
4.0 4.0 CSS1
border-color Determina el color de los 4 bordes (top, right, bottom, left) de un elemento. (Puede tener 1, 2, 3 o 4 colores).
  • color
6.0 4.0 CSS1
border-left Determina las propiedades del borde izquierdo (left) de un elemento.
  • border-left-width
  • border-left-style
  • border-left-color
6.0 4.0 CSS1
border-left-color Determina el color del borde izquierdo (left) de un elemento.
  • border-color
6.0 4.0 CSS2
border-left--style Determina el estilo del borde izquierdo (left) de un elemento.
  • border-style
6.0 4.0 CSS2
border-left--width Determina el ancho del borde izquierdo (left) de un elemento.
  • border-width
4.0 4.0 CSS1
border-right Determina las propiedades del borde derecho (right) de un elemento.
  • border-right-width
  • border-right-style
  • border-right-color
6.0 4.0 CSS1
border-right-color Determina el color del borde derecho (right) de un elemento.
  • border-color
6.0 4.0 CSS2
border-right--style Determina el estilo del borde derecho (right) de un elemento.
  • border-style
6.0 4.0 CSS2
border-right--width Determina el ancho del borde derecho (right) de un elemento.
  • border-width
4.0 4.0 CSS1
border-style Determina el estilo de los 4 bordes (top, right, bottom, left) de un elemento. (Puede tener 1, 2, 3 o 4 estilos).
  • none
  • hidden
  • dotted
  • dashed
  • solid
  • double
  • groove
  • ridge
  • inset
  • outset
6.0 4.0 CSS1
border-top Determina las propiedades del borde superior (top) de un elemento.
  • border-top-width
  • border-top-style
  • border-top-color
6.0 4.0 CSS1
border-top-color Determina el color del borde superior (top) de un elemento.
  • border-color
6.0 4.0 CSS2
border-top--style Determina el estilo del borde superior (top) de un elemento.
  • border-style
6.0 4.0 CSS2
border-top--width Determina el ancho del borde superior (top) de un elemento.
  • border-width
4.0 4.0 CSS1

Inicio de página

 

Propiedad
formato visual
Descripción Valores Browsers Espec.
Netsc. IE
clear Establece cuál de los lados del contenedor de un elemento no puede quedar adyacente a un contenedor flotante anterior.
  • left
  • right
  • both
  • none
4.0 4.0 CSS1
cursor Establece el tipo de cursor a mostrar cuando se situe el ratón sobre un elemento.
  • url
  • auto
  • crosshair
  • default
  • pointer
  • move
  • e-resize
  • ne-resize
  • nw-resize
  • n-resize
  • se-resize
  • sw-resize
  • s-resize
  • w-resize
  • text
  • wait
  • help
6.0 4.0 CSS2
display Establece si un elemento se visualiza y en qué forma.
  • none
  • 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
4.0 4.0 CSS1
float Indica si un elemento flota o no, y si lo hace a la izquierda o a la derecha de la línea actual. Si no hay espacio suficiente en la línea encurso saltará y flotará en la siguiente.
  • none
  • left
  • right
4.0 4.0 CSS1
position Indica en que forma se ubicará un elemento en la página.
  • static
  • relative
  • absolute
  • fixed
4.0 4.0 CSS2
visibility Indica si un elemento deberá se visible o no.
  • visible
  • hidden
  • collapse
6.0 4.0 CSS2
scrollbar Especifica las características visuales de las barras de scroll del navegador. Se aplican a la clase BODY.
  • scrollbar-base-color
  • scrollbar-face-color
  • scrollbar-highlight-color
  • scrollbar-arrow-color
  • scrollbar-track-color
  • scrollbar-shadow-color
  • scrollbar-darkshadow-color
  • scrollbar-3dlight-color
5.5 CSS2

Inicio de página

 

Propiedad
dimension
Descripción Valores Browsers Espec.
Netsc. IE
height Indica la altura de un elemento.
  • auto
  • length (px, pt...)
  • %
6.0 4.0 CSS1
max-height Indica la máxima altura que puede tener un elemento.
  • none
  • length (px, pt...)
  • %
    CSS2
min-height Indica la mínima altura que puede tener un elemento.
  • length (px, pt...)
  • %
    CSS2
width Indica la anchura de un elemento.
  • auto
  • length (px, pt...)
  • %
4.0 4.0 CSS1
max-width Indica la máxima anchura que puede tener un elemento.
  • none
  • length (px, pt...)
  • %
    CSS2
min-width Indica la mínima anchura que puede tener un elemento.
  • length (px, pt...)
  • %
    CSS2
line-height Indica la distancia entre líneas.
  • normal
  • number
  • length (px, pt...)
  • %
4.0 4.0 CSS1

Inicio de página

 

Propiedad
font
Descripción Valores Browsers Espec.
Netsc. IE
font Especifica las características de la fuente empleada.
  • font-style
  • font-variant
  • font-weight
  • font-size
  • line-height
  • font-family
  • caption
  • icon
  • menu
  • message-box
  • small-caption
  • status-bar
4.0 4.0 CSS1
font-family Lista priorizada de tipos de fuentes a emplear.
  • family-name
  • generic-family
4.0 4.0 CSS1
font-size Establece el tamaño de la fuente.
  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large
  • smaller
  • larger
  • length (px, pt...)
  • %
4.0 4.0 CSS1
font-size-adjust Ajuste del tamaño de la fuente: especifica el Valor de Aspecto de la altura-x de la fuente elegida.
(Valor de Aspecto de la fuente: es la relación entre la altura del font-size y la altura de la letra x minúscula.)
  • none
  • number
    CSS2
font-stretch Condensa o expande la font-family utilizada.
  • normal
  • wider
  • narrower
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded
    CSS2
font-style Indica el estilo a utilizar para la fuente.
  • normal
  • italic
  • oblique
4.0 4.0 CSS1
font-variant Indica van a utilizar versales para la fuente o no.
  • normal
  • small-caps
6.0 4.0 CSS1
font-weight Establece el peso de la fuente utilizada.
  • normal
  • bold
  • bolder
  • lighter
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
4.0 4.0 CSS1

Inicio de página

 

Propiedad
contenido generado
Descripción Valores Browsers Espec.
Netsc. IE
content Genera contenido en un documento. Se usa con los pseudo-elementos :before y :after
  • string
  • url
  • counter(name)
  • counter
    • (name,
    • list-style-type)
  • counters
    • (name,
    • string)
  • counters
    • (name,
    • string,
    • list-style-type)
  • attr(X)
  • open-quote
  • close-quote
  • no-open-quote
  • no-close-quote
CSS2
counter-increment Indica cuanto incrementa el contador en cada ocurrencia de un selector.
  • none
  • identifier number
CSS2
quotes Especifica las comillas para cualquier cita incrustada.
  • none
  • string string
CSS2

Inicio de página

 

Propiedad
lista y marcador
Descripción Valores Browsers Espec.
Netsc. IE
list-style Establece todas las propiedades de una lista.
  • list-style-type
  • list-style-position
  • list-style-image
6.0 4.0 CSS1
list-style-image Especifica la imagen utilizada como marcador de cada elemento de la lista.
  • none
  • url
6.0 4.0 CSS1
list-style-position Establece dónde se sitúa el arcador en la lista.
  • inside
  • outside
6.0 4.0 CSS1
list-style-type Establece el tipo de marcador de los elementos de la lista.
  • none
  • disc
  • circle
  • square
  • decimal
  • decimal-leading-zero
  • lower-roman
  • upper-roman
  • lower-alpha
  • upper-alpha
  • lower-greek
  • lower-latin
  • upper-latin
  • hebrew
  • armenian
  • georgian
  • cjk-ideographic
  • hiragana
  • katakana
  • hiragana-iroha
  • katakana-iroha
4.0 4.0 CSS1
marker-offset Indica la distancia entre el marcador y el contenedor principal asociado.
(Se aplica para los elementos con "display: marker").
  • auto
  • length (px, pt...)
CSS2

Inicio de página

 

Propiedad
margen
Descripción Valores Browsers Espec.
Netsc. IE
margin Establece todas las propiedades del margen de un elemento.
  • margin-top
  • margin-right
  • margin-bottom
  • margin-left
4.0 4.0 CSS1
margin-bottom Define el borde inferior (bottom) de un elemento.
  • auto
  • length (px, pt...)
  • %
4.0 4.0 CSS1
margin-left Define el borde izquierdo (left) de un elemento.
  • auto
  • length (px, pt...)
  • %
4.0 4.0 CSS1
margin-right Define el borde derecho (right) de un elemento.
  • auto
  • length (px, pt...)
  • %
4.0 4.0 CSS1
margin-top Define el borde superior (top) de un elemento.
  • auto
  • length (px, pt...)
  • %
4.0 4.0 CSS1

Inicio de página

 

Propiedad
outline
Descripción Valores Browsers Espec.
Netsc. IE
outline Establece todas las propiedades del contorno dinámico de un elemento.
  • outline-color
  • outline-style
  • outline-width
CSS2
outline-color Establece el color del contorno dinámico alrededor de un elemento.
  • color
  • invert
CSS2
outline-style Establece el estilo del contorno dinámico alrededor de un elemento.
  • none
  • dotted
  • dashed
  • solid
  • double
  • groove
  • ridge
  • inset
  • outset
CSS2
outline-width Establece la anchura del contorno dinámico alrededor de un elemento.
  • thin
  • medium
  • thick
  • length (px, pt...)
CSS2

Inicio de página

 

Propiedad
padding
Descripción Valores Browsers Espec.
Netsc. IE
padding Establece todas las propiedades del relleno de un elemento.
  • padding-top
  • padding-right
  • padding-bottom
  • padding-left
4.0 4.0 CSS1
padding-bottom Define el relleno inferior (bottom) de un elemento.
  • length (px, pt...)
  • %
4.0 4.0 CSS1
padding-left Define el relleno izquierdo (left) de un elemento.
  • length (px, pt...)
  • %
4.0 4.0 CSS1
padding-right Define el relleno derecho (right) de un elemento.
  • length (px, pt...)
  • %
4.0 4.0 CSS1
padding-top Define el relleno superior (top) de un elemento.
  • length (px, pt...)
  • %
4.0 4.0 CSS1

Inicio de página

 

Propiedad
posicionamiento
Descripción Valores Browsers Espec.
Netsc. IE
bottom Establece la distancia del borde inferior de un elemento respecto del borde inferior del elemento padre.
  • auto
  • length (px, pt...)
  • %
6.0 5.0 CSS2
left Establece la distancia del borde izquierdo de un elemento respecto del borde izquierdo del elemento padre.
  • auto
  • length (px, pt...)
  • %
4.0 4.0 CSS2
right Establece la distancia del borde derecho de un elemento respecto del borde derecho del elemento padre.
  • auto
  • length (px, pt...)
  • %
4.0 CSS2
top Establece la distancia del borde superior de un elemento respecto del borde superior del elemento padre.
  • auto
  • length (px, pt...)
  • %
4.0 CSS2
clip El recorte define qué área del contenido de un elemento es visible.
  • forma
    rect (top, right, bottom, left)
  • auto
6.0 4.0 CSS2
overflow Especifica como se trata el contenido que excede el area que le contiene.
  • visible
  • hidden
  • scroll
  • auto
6.0 4.0 CSS2
vertical-align Define la alineación vertical de un elemento.
  • baseline
  • sub
  • super
  • top
  • text-top
  • middle
  • bottom
  • text-bottom
  • length (px, pt...)
  • %
4.0 4.0 CSS1
z-index Define la prioridad de visualización de un elemento.
  • auto
  • number
6.0 4.0 CSS2

Inicio de página

 

Propiedad
tabla
Descripción Valores Browsers Espec.
Netsc. IE
table-layout Especifica el algoritmo usado para implementar las celdas, filas y columnas de la tabla.
  • auto
  • fixed
5.0 CSS2
caption-side Define la posición del elemento caption con respecto a la tabla.
  • top
  • bottom
  • left
  • right
CSS2
border-collapse Especifica el modelo de bordes de una tabla.
  • collapse
  • separate
5.0 CSS2
border-spacing Establece la distancia entre los bordes de celdas adyacentes.
(Sólo para el modelo de Bordes Separados).
  • length length (px, pt...)
CSS2
empty-cells Establece si las celdas con contenido no-visible deben tener bordes o no.
(Sólo para el modelo de Bordes Separados).
  • forma
    rect (top, right, bottom, left)
  • auto
6.2 CSS2

Inicio de página

 

Propiedad
texto
Descripción Valores Browsers Espec.
Netsc. IE
color Define el color del texto.
  • color
4.0 3.0 CSS1
direction Establece la dirección del texto.
  • ltr (left to right)
  • rtl (right to left)
CSS2
unicode-bidi Define la dirección de las incrustaciones y sustituciones para el algoritmo bidireccional de Unicode.
  • normal
  • embed
  • bidi-override
5.0 CSS2
letter-spacing Especifica la distancia entre caracteres.
  • normal
  • length (px, pt...)
6.0 4.0 CSS1
text-align Especifica el tipo de alineación del texto.
  • left
  • right
  • center
  • justify
4.0 4.0 CSS1
text-decoration Especifica el tipo de efecto con el que decorar el texto.
  • none
  • underline
  • overline
  • line-through
  • blink
4.0 4.0 CSS1
text-indent Especifica en qué cantidad se indenta la primera línea del texto.
  • length (px, pt...)
  • %
4.0 4.0 CSS1
text-shadow Especifica el tipo de sombra a aplicar al texto.
  • none
  • length length length (px, pt...) color
CSS2
text-transform Define los cambios entre mayúsculas y minúsculas en el texto.
  • none
  • capitalize
  • uppercase
  • lowercase
4.0 4.0 CSS1
white-space Establece como se manejan los espacios "blanco" en un elemento de texto.
  • normal
  • pre
  • nowrap
4.0 5.5 CSS1
word-spacing Especifica el espacio entre palabras.
  • normal
  • length (px, pt...)
6.0 6.0 CSS1

Temas relacionados: DHTML y CSS's | Ejemplos y trucos con CSS's | Buenas prácticas HTML/CSS | Tablas y CSS's

 
 
WebUsable.com © Todos los derechos reservados.
Subir al inicio de página Página anterior Página Inicial de WebUsable Imprimir esta página Envía tus comentarios Recomienda esta página a un amigo Mapa de WebUsable