PROPIEDADES CSS

Document Sample
PROPIEDADES CSS Powered By Docstoc
					Propiedades CSS (Cascade Style Sheets)




PROPIEDADES CSS

    Background.....................................................................................................................2
    Border..............................................................................................................................3
    Classification...................................................................................................................5
    Dimension.......................................................................................................................7
    Font.................................................................................................................................8
    Generated Content.........................................................................................................10
    List and Marker.............................................................................................................11
    Margin...........................................................................................................................12
    Outlines.........................................................................................................................13
    Padding..........................................................................................................................14
    Positioning.....................................................................................................................15
    Table..............................................................................................................................16
    Text...............................................................................................................................17



NOTA:  Las columnas NN (Netscape) e IE (Internet Explorer) indican la primera versión de estos
navegadores que soporta la propiedad CSS. La columna W3C indica el estandar donde se
recoge la propiedad. 




                                                                                                                    1   19
IES MURGI­ Departamento de Informática                                                                      Página      /     
Propiedades CSS (Cascade Style Sheets)



Background

Propiedad           Descripción                                        Valores                          NN     IE      W3C

background          Propiedad que permite que se                       background­color                 6.0    4.0     CSS1
                                                                       background­image
                    indiquen todos los valores a la vez
                                                                       background­repeat
                                                                       background­attachment
                                                                       background­position

background­ Determina si el fondo permanece fijo                       scroll                           6.0    4.0     CSS1
                                                                       fixed
attachment  o se mueve con el contenido

background­ Color de fondo                                             color­rgb                        4.0    4.0     CSS1
                                                                       color­hex
color
                                                                       color­name
                                                                       transparent

background­ Imagen de fondo                                            url                              4.0    4.0     CSS1
                                                                       none
image

background­ Posición de la imagen de fondo                             top left                         6.0    4.0     CSS1
                                                                       top center
position
                                                                       top right
                                                                       center left
                                                                       center center
                                                                       center right
                                                                       bottom left
                                                                       bottom center
                                                                       bottom right
                                                                       x­% y­%
                                                                       x­pos y­pos

background­ Repetición de la imagen de fondo                           repeat                           4.0    4.0     CSS1
                                                                       repeat­x
repeat
                                                                       repeat­y
                                                                       no­repeat




                                                                                                                    2   19
IES MURGI­ Departamento de Informática                                                                      Página      /     
Propiedades CSS (Cascade Style Sheets)



Border

Propiedad           Descripción                                        Valores                         NN      IE      W3C

border              Propiedad que permite definir en una               border­width                    4.0  4.0  CSS1 
                                                                       border­style
                    línea todas  las propiedades del
                                                                       border­color
                    borde.

border­             Propiedad que permite definir en una               border­bottom­width             6.0     4.0     CSS1
                                                                       border­style
bottom              línea todas  las propiedades del
                                                                       border­color
                    borde inferior.

border­       Color del borde inferior                                 border­color                    6.0  4.0  CSS2 
bottom­color 

border­       Estilo del borde inferior                                border­style                    6.0  4.0  CSS2 
bottom­style 

border­      Anchura del borde inferior                                thin                            4.0  4.0  CSS1 
                                                                       medium
bottom­width
                                                                       thick
                                                                       length

border­color  Propiedad que permite definir en una                     color                           6.0  4.0  CSS1 
              línea los colores de los bordes

border­left         Propiedad que permite definir en una               border­left­width               6.0  4.0  CSS1 
                                                                       border­style
                    línea todas  las propiedades del
                                                                       border­color
                    borde izquierdo

border­left­        Color del borde izquierdo                          border­color                    6.0  4.0  CSS2 
color 

border­left­        Estilo del borde izquierdo                         border­style                    6.0  4.0  CSS2 
style 

border­left­        Anchura del borde izquierdo                        thin                            4.0  4.0  CSS1 
                                                                       medium
width 
                                                                       thick
                                                                       length




                                                                                                                    3   19
IES MURGI­ Departamento de Informática                                                                      Página      /     
Propiedades CSS (Cascade Style Sheets)



border­right        Propiedad que permite definir en una               border­right­width              6.0  4.0  CSS1 
                                                                       border­style
                    línea todas  las propiedades del
                                                                       border­color
                    borde derecho

border­right­ Color del borde derecho                                  border­color                    6.0  4.0  CSS2 
color 

border­right­ Estilo del borde derecho                                 border­style                    6.0  4.0  CSS2 
style 

border­right­ Anchura del borde derecho                                thin                            4.0  4.0  CSS1 
                                                                       medium
width 
                                                                       thick
                                                                       length

border­style  Propiedad que permite definir en una                     none                            6.0  4.0  CSS1 
                                                                       hidden
              línea todos  los estilos de los bordes.
                                                                       dotted
              Admite de uno a cuatro estilos.                          dashed
                                                                       solid
                                                                       double
                                                                       groove
                                                                       ridge
                                                                       inset
                                                                       outset

border­top          Propiedad que permite definir en una               border­top­width                6.0  4.0  CSS1 
                                                                       border­style
                    línea todas  las propiedades del
                                                                       border­color
                    borde superior

border­top­         Color del borde superior                           border­color                    6.0  4.0  CSS2 
color 

border­top­         Estilo del borde superior                          border­style                    6.0  4.0  CSS2 
style 

border­top­         Anchura del borde superior                         thin                            4.0  4.0  CSS1 
                                                                       medium
width 
                                                                       thick
                                                                       length




                                                                                                                    4   19
IES MURGI­ Departamento de Informática                                                                      Página      /     
Propiedades CSS (Cascade Style Sheets)



border­width  Propiedad que permite definir en una                     thin                            4.0     4.0     CSS1
                                                                       medium
              línea todas  las propiedades de
                                                                       thick
              anchura de los bordes. Puede tener                       length
              de uno a cuatro valores




                                                                                                                    5   19
IES MURGI­ Departamento de Informática                                                                      Página      /     
Propiedades CSS (Cascade Style Sheets)



Classification

Propiedad           Descripción                                        Valores                         NN      IE      W3C

clear               Laterales de un elemento donde no                  left                            4.0     4.0     CSS1
                                                                       right
                    se permite la existencia de un
                                                                       both
                    elemento flotante                                  none

cursor              Cursor                                             url                             6.0     4.0     CSS2
                                                                       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   19
IES MURGI­ Departamento de Informática                                                                      Página      /     
Propiedades CSS (Cascade Style Sheets)



display             Forma de mostrarse un elemento.(*)                 none                            4.0     4.0     CSS1
                                                                       inline
                    Por defecto todos los elementos
                                                                       block
                    tienen asociado un valor de display,               list­item
                    por ejemplo <P> tiene block                        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

float               Indica donde aparecerá una imagen                  left                            4.0     4.0     CSS1
                                                                       right
                    o texto  dentro de otro elemento
                                                                       none

position            Indica la ubicación donde se                       static                          4.0     4.0     CSS2
                                                                       relative
                    posiciona un elemento
                                                                       absolute
                                                                       fixed

visibility          Visibilidad de un elemento                         visible                         6.0     4.0     CSS2
                                                                       hidden
                                                                       collapse




                                                                                                                    7   19
IES MURGI­ Departamento de Informática                                                                      Página      /     
Propiedades CSS (Cascade Style Sheets)



Dimension

Propiedad           Descripción                                        Valores                         NN      IE      W3C

height              Altura                                             auto                            6.0     4.0     CSS1
                                                                       length
                                                                       %

line­height         Distancia entre lineas                             normal                          4.0     4.0     CSS1
                                                                       number
                                                                       length
                                                                       %

max­height          Altura máxima                                      none                                            CSS2
                                                                       length
                                                                       %

max­width           Anchura máxima                                     none                                            CSS2
                                                                       length
                                                                       %

min­height          Altura mínima                                      length                                          CSS2
                                                                       %

min­width           Anchura mínima                                     length                                          CSS2
                                                                       %

width               Anchura                                            auto                            4.0     4.0     CSS1
                                                                       %
                                                                       length  




                                                                                                                    8   19
IES MURGI­ Departamento de Informática                                                                      Página      /     
Propiedades CSS (Cascade Style Sheets)



Font

Propiedad           Descripción                                        Valores                         NN      IE      W3C

font                Propiedad que permite definir en una               font­style                      4.0     4.0     CSS1
                                                                       font­variant
                    línea todas  las propiedades de una
                                                                       font­weight
                    fuente                                             font­size/line­height
                                                                       font­family
                                                                       caption
                                                                       icon
                                                                       menu
                                                                       message­box
                                                                       small­caption
                                                                       status­bar

font­family         Lista ordenada de nombres de                       family­name                     4.0     3.0     CSS1
                                                                       generic­family
                    fuentes y/o familias de fuentes
                    genéricas 

font­size           Tamaño de la fuente                                xx­small                        4.0     3.0     CSS1
                                                                       x­small
                                                                       small
                                                                       medium
                                                                       large
                                                                       x­large
                                                                       xx­large
                                                                       smaller
                                                                       larger
                                                                       length
                                                                       %

font­size­          Valor de aspecto que conservará el                 none                                            CSS2
                                                                       number
adjust              tamaño de la fuente si el navegador
                    no soporta las fuentes seleccionadas




                                                                                                                    9   19
IES MURGI­ Departamento de Informática                                                                      Página      /     
Propiedades CSS (Cascade Style Sheets)



font­stretch        Expande o contrae la fuente                        normal                                          CSS2
                                                                       wider
                                                                       narrower
                                                                       ultra­condensed
                                                                       extra­condensed
                                                                       condensed
                                                                       semi­condensed
                                                                       semi­expanded
                                                                       expanded
                                                                       extra­expanded
                                                                       ultra­expanded

font­style          Estilo de la fuente                                normal                          4.0     4.0     CSS1
                                                                       italic
                                                                       oblique

font­variant        Normal/small­caps (Las minúsculas                  normal                          6.0     4.0     CSS1
                                                                       small­caps
                    se parecen a las mayúsculas, pero
                    tienen distinto tamaño y proporción)

font­weight         Grosor de la fuente                                normal                          4.0     4.0     CSS1
                                                                       bold
                                                                       bolder
                                                                       lighter
                                                                       100
                                                                       200
                                                                       300
                                                                       400
                                                                       500
                                                                       600
                                                                       700
                                                                       800
                                                                       900




                                                                                                                    10   19
IES MURGI­ Departamento de Informática                                                                      Página       /     
Propiedades CSS (Cascade Style Sheets)



Generated Content

Propiedad           Descripción                                        Valores                         NN      IE      W3C

content             Genera contenido en el documento.                  string                                          CSS2
                                                                       url
                    Se usa con los pseudo elementos   :
                                                                       counter(name)
                    before and :after                                  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

counter­            Incremento del contador en cada                    none                                            CSS2
                                                                       identifier number
increment           ocurrencia 

counter­reset Valor al que se inicializa el contador                   none                                            CSS2
                                                                       identifier number

quotes              Tipo de las marcas de interrogación                none                                            CSS2
                                                                       string string




                                                                                                                    11   19
IES MURGI­ Departamento de Informática                                                                      Página       /     
Propiedades CSS (Cascade Style Sheets)



List and Marker

Propiedad           Descripción                                        Valores                         NN      IE      W3C

list­style          Propiedad que permite definir en una               list­style­type                 6.0     4.0     CSS1
                                                                       list­style­position
                    línea todas  las propiedades de una
                                                                       list­style­image
                    lista

list­style­         Imagen asociada a un elemento de la                none                            6.0     4.0     CSS1
                                                                       url
image               lista

list­style­         Ubicación de la imagen asociada a                  inside                          6.0     4.0     CSS1
                                                                       outside
position            un elemento de la lista

list­style­type Figura asociada a un elemento de la                    none                            4.0     4.0     CSS1
                                                                       disc
                lista
                                                                       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 

marker­offset                                                          auto                                            CSS2
                                                                       length




                                                                                                                    12   19
IES MURGI­ Departamento de Informática                                                                      Página       /     
Propiedades CSS (Cascade Style Sheets)



Margin

Propiedad           Descripción                                        Valores                         NN      IE      W3C

margin              Propiedad que permite definir en una               margin­top                      4.0     4.0     CSS1
                                                                       margin­right
                    línea todas  las propiedades del
                                                                       margin­bottom
                    margen                                             margin­left

margin­             Margen inferior de un elemento                     auto                            4.0     4.0     CSS1
                                                                       length
bottom 
                                                                       %

margin­left         Margen izquierdo de un elemento                    auto                            4.0     3.0     CSS1
                                                                       length
                                                                       %

margin­right  Margen derecho de un elemento                            auto                            4.0     3.0     CSS1
                                                                       length
                                                                       %

margin­top          Margen superior de un elemento                     auto                            4.0     3.0     CSS1
                                                                       length
                                                                       %




                                                                                                                    13   19
IES MURGI­ Departamento de Informática                                                                      Página       /     
Propiedades CSS (Cascade Style Sheets)



Outlines

Propiedad           Descripción                                        Valores                         NN      IE      W3C

outline             Propiedad que permite definir todas                outline­color                                   CSS2
                                                                       outline­style
                    las características del contorno en
                                                                       outline­width
                    una línea

outline­color  Color del contorno de un elemento                       color                                           CSS2
                                                                       invert

outline­style  Estilo del contorno                                     none                                            CSS2
                                                                       dotted
                                                                       dashed
                                                                       solid
                                                                       double
                                                                       groove
                                                                       ridge
                                                                       inset
                                                                       outset

outline­width  Anchura del contorno                                    thin                                            CSS2
                                                                       medium
                                                                       thick
                                                                       length




                                                                                                                    14   19
IES MURGI­ Departamento de Informática                                                                      Página       /     
Propiedades CSS (Cascade Style Sheets)



Padding

Propiedad           Descripción                                        Valores                         NN      IE      W3C

padding             Propiedad que permite definir en una               padding­top                     4.0     4.0     CSS1
                                                                       padding­right
                    línea todas  las propiedades del
                                                                       padding­bottom
                    relleno                                            padding­left

padding­            Distancia del relleno inferior                     length                          4.0     4.0     CSS1
                                                                       %
bottom

padding­left        Distancia del relleno izquierdo                    length                          4.0     4.0     CSS1
                                                                       %

padding­right Distancia del relleno derecho                            length                          4.0     4.0     CSS1
                                                                       %

padding­top         Distancia del relleno superior                     length                          4.0     4.0     CSS1
                                                                       %




                                                                                                                    15   19
IES MURGI­ Departamento de Informática                                                                      Página       /     
Propiedades CSS (Cascade Style Sheets)



Positioning

Propiedad           Descripción                                        Valores                         NN      IE      W3C

bottom              Distancia del borde inferior de un                 auto                            6.0     5.0     CSS2
                                                                       %
                    elemento al borde inferior del
                                                                       length
                    elemento padre

clip                Indica la forma de un elemento. El                 shape                           6.0     4.0     CSS2
                                                                       auto
                    elemento es recortado mediante clip
                    y mostrado

left                Distancia del borde izquierdo de un                auto                            4.0     4.0     CSS2
                                                                       %
                    elemento al borde izquierdo del
                                                                       length
                    elemento padre

overflow            Indica lo que debe hacer el                        visible                         6.0     4.0     CSS2
                                                                       hidden
                    navegador cuando el contenido de un
                                                                       scroll
                    elemento sobrepasa su area de                      auto
                    visualización

right               Distancia del borde derecho de un                  auto                                    5.0     CSS2
                                                                       %
                    elemento al borde derecho del
                                                                       length
                    elemento padre

top                 Distancia del borde superior de un                 auto                            4.0     4.0     CSS2
                                                                       %
                    elemento al borde superior del
                                                                       length
                    elemento padre

vertical­align Alineación vertical                                     baseline                        4.0     4.0     CSS1
                                                                       sub
                                                                       super
                                                                       top
                                                                       text­top
                                                                       middle
                                                                       bottom
                                                                       text­bottom
                                                                       length
                                                                       %




                                                                                                                    16   19
IES MURGI­ Departamento de Informática                                                                      Página       /     
Propiedades CSS (Cascade Style Sheets)



z­index             Capa en la que se mostrará un                      auto                            6.0     4.0     CSS2
                                                                       number
                    elemento. 0­ Normal 




                                                                                                                    17   19
IES MURGI­ Departamento de Informática                                                                      Página       /     
Propiedades CSS (Cascade Style Sheets)



Table

Propiedad           Descripción                                        Valores                         NN      IE      W3C

border­             Modelo de bordes                                   collapse                                5.0  CSS2 
                                                                       separate
collapse

border­             Distancia entre bordes de celdas                   length length                                   CSS2 
spacing             adyacentes. (*) Sólo para el modelo
                    de bordes separados

caption­side  Ubicación del título de una tabla                        top                                             CSS2
                                                                       bottom
              respecto a esta
                                                                       left
                                                                       right

empty­cells         Determina si las celdas vacías y/o sin             show                            6.2             CSS2
                                                                       hide
                    contenido visible tendrán bordes. (*)
                    Sólo para el modelo de bordes
                    separados

table­layout        Determina el algoritmo que se usa                  auto                                    5.0     CSS2
                                                                       fixed
                    para dibujar la tabla




                                                                                                                    18   19
IES MURGI­ Departamento de Informática                                                                      Página       /     
Propiedades CSS (Cascade Style Sheets)



Text

Propiedad           Descripción                                        Valores                         NN      IE      W3C

color               Color del texto                                    color                           4.0     3.0     CSS1

direction           Dirección del texto                                ltr                                             CSS2
                                                                       rtl

letter­             Distancia entre caracteres                         normal                          6.0     4.0     CSS1
                                                                       length
spacing

text­align          Alineación del texto                               left                            4.0     4.0     CSS1
                                                                       right
                                                                       center
                                                                       justify

text­               Modificadores del texto                            none                            4.0     4.0     CSS1
                                                                       underline
decoration
                                                                       overline
                                                                       line­through
                                                                       blink

text­indent         Sangría de la primera línea de texto               length                          4.0     4.0     CSS1
                                                                       %

text­shadow         Sombra                                             none                                             
                                                                       color
                                                                       length

text­               Transformación del texto                           none                            4.0     4.0     CSS1
                                                                       capitalize
transform
                                                                       uppercase
                                                                       lowercase

unicode­bidi                                                           normal                                  5.0     CSS2
                                                                       embed
                                                                       bidi­override

white­space         Forma de interpretar el navegador                  normal                          4.0     5.5     CSS1
                                                                       pre
                    los espacios en blanco del código
                                                                       nowrap
                    HTML

word­spacing Distancia entre palabras                                  normal                          6.0     6.0
                                                                       length




                                                                                                                    19   19
IES MURGI­ Departamento de Informática                                                                      Página       /