CSS: lenguaje de estilo para las páginas web.
Y ahora tambien aprende a programar en C++ con Aprende Web C++
y entérate de las novedades o deja un comentario.
última modificación: 13-07-2018.
Visitas este mes: 37
Visitas el mes pasado: 52
Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:
Por elegir aprende-web
Aprende-web está diseñado a partir de los lenguajes que aquí mismo se enseñan.
By Anyelguti
Propiedad | Valores | Descripción |
---|---|---|
list-style-type | disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit | Tipo de viñeta |
list-style-position | inside | outside | inherit | posición de la viñeta |
list-style-image | <url> | none | inherit | Imagen de viñeta |
list-style | <list-style-type> || <list-style-position> || <list-style-image> ) | inherit | tipo shorthand: Estilo de viñeta. |
Propiedad | Valores | Descripción |
---|---|---|
background-color | <color> | transparent | inherit | Color de fondo |
background-image | <url> | none | inherit | Imagen de fondo |
background-repeat | repeat | repeat-x | repeat-y | no-repeat | inherit | Repetición de la imagen de fondo |
background-position | ( ( <porcentaje> | <medida> | left | center | right)|| ( <porcentaje> | <medida> | top | center | bottom )? ) | inherit | posición de la imagen de fondo |
background-attachment | scroll | fixed | inherit | Comportamiento de la imagen de fondo |
background | ( <background-color> || <background-image> || <background-repeat> || <background-attachment> || <background-position> ) | inherit | tipo shorthand: Estilo de fondo |
Propiedad | Valores | Descripción |
---|---|---|
border-collapse | collapse | separate | inherit | Fusión de bordes |
border-spacing | <medida> <medida>? | inherit | Espaciado entre bordes |
empty-cells | show | hide | inherit | Tratamiento de celdas vacías |
caption-side | top | bottom | inherit | Posición del título de la tabla |
Propiedad | Valores | Descripción |
---|---|---|
width | <medida> | <porcentaje> | auto | inherit | Anchura |
height | <medida> | <porcentaje> | auto | inherit | Altura |
max-width | <medida> | <porcentaje> | none | inherit | Anchura máxima |
min-width | <medida> | <porcentaje> | inherit | Anchura mínima |
max-height | <medida> | <porcentaje> | none | inherit | Altura máxima |
min-height | <medida> | <porcentaje> | inherit | Altura mínima |
Propiedad | Valores | Descripción |
---|---|---|
position | static | relative | absolute | fixed | inherit | Tipo de posicionamiento |
top | <medida> | <porcentaje> | auto | inherit | desplazar arriba |
right | <medida> | <porcentaje> | auto | inherit | desplazar dcha |
bottom | <medida> | <porcentaje> | auto | inherit | desplazar abajo |
left | <medida> | <porcentaje> | auto | inherit | desplazar izda |
float | left | right | none | inherit | Posicionamiento flotante |
clear | none | left | right | both | inherit | Despeja elementos flotantes |
Propiedad | Valores | Descripción |
---|---|---|
display | inline | block | none | list-item | run-in | inline-block | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | inherit | Visualización de un elemento |
visibility | visible | hidden | collapse | inherit | visibilidad de un elemento |
overflow | visible | hidden | scroll | auto | inherit | parte sobrante de un elemento |
z-index | auto | <numero> | inherit | Orden tridimensional |
Propiedad | Valores | Descripción |
---|---|---|
cursor | ( (<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 | progress ) ) | inherit | Aspecto del puntero del ratón |
outline | <medida> || <color> || <estilo> | Estilo del perfil de un elemento |
content | normal|[ <cadena> | <url> | <contador> |attr( <identificador> )|openquote| close-quote|no-open-quote|no-close-quote] +| inherit | introducir contenido de texto. |
counter-increment | [ <identificador> <entero>? ]+ | none | inherit | Contador de incremento |
counter-reset | [ <identificador> <entero>? ]+ | none | inherit | Reinicio del contador |
quotes | [ <cadena> <cadena> ] +|none| inherit | Texto para comillas |
Aquí acaba el manual de CSS. Si quieres saber más sobre HTML y CSS puedes ir a la sección "Nuevas Tendencias" donde puedes ver los manuales del Nuevo HTML5. y tambien el manual del Nuevo CSS3.
Sugerencias:
aprendeweb@aprende-web.net. Envia un
Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog
Más sobre anyelguti en http://anyelguti.16mb.com