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: 35
Visitas el mes pasado: 70
Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:
Si este sitio te parece interesante puedes contribuir con una pequeña aportación.
Propiedad | Valores | Descripción |
---|---|---|
color | <color>|inherit | color de texto |
font-family | (( <nombre_familia> | <familia_generica> ) (,<nombre_familia> | <familia_generica>)* ) | inherit | Tipo de letra |
font-size | <tamaño_absoluto> | <tamaño_relativo> | <medida> | <porcentaje> | inherit | Tamaño de letra |
font-weight | normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit | Grosor de letra |
font-style | normal | italic | oblique | inherit | estilo de letra (inclinada) |
font-variant | normal | small-caps | inherit | letra tipo versalles |
font | ( ( <font-style> || <font-variant> || <font-weight> )? <font-size> ( / <line-height> )? <font-family> ) | caption | icon | menu | message-box | small-caption | status-bar | inherit | propiedad sorthand. Tipo de letra |
Propiedad | Valores | Descripción |
---|---|---|
line-height | normal | <numero> | <medida> | <porcentaje> | inherit | interlineado |
text-decoration | none | ( underline || overline || line-through || blink )| inherit | resaltar el texto (tachado, subrayado, etc.) |
text-transform | capitalize | uppercase | lowercase | none | inherit | transforma el texto original (mayusc. minusc. etc.) |
text-indent | <medida> | <porcentaje> | inherit | tabulación de primera línea |
letter-spacing | normal | <medida> | inherit | espaciado entre letras |
word-spacing | normal | <medida> | inherit | Espaciado entre palabras |
white-space | normal | pre | nowrap | pre-wrap | pre-line | inherit | Tratamiento de los espacios en blanco |
Propiedad | Valores | Descripción |
---|---|---|
border-top-width border-right-width border-bottom-width border-left-width |
( <medida> | thin | medium | thick ) | inherit | Anchura borde sup. Anchura borde dcho. Anchura borde inf. Anchura borde izdo. |
border-width | ( <medida> | thin | medium | thick ) {1, 4} | inherit | tipo shorthand: Anchura de los bordes. |
border-top-color border-right-color border-bottom-color border-left-color |
<color> | transparent | inherit | Color borde sup. Color borde dcho. Color borde inf. Color borde izdo. |
border-color | ( <color> | transparent ) {1, 4} | inherit | tipo shorthand: Color de los bordes. |
border-top-style border-right-style border-bottom-style border-left-style |
none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit | Estilo borde sup. Estilo borde dcho. Estilo borde inf. Estilo borde izdo. |
border-style | (none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset ) {1, 4} | inherit | tipo shorthand: Estilo de los bordes. |
border | ( <medida_borde> || <color_borde> || <estilo_borde> ) | inherit | tipo shorthand: Estilo completo de todos los bordes. |
Propiedad | Valores | Descripción |
---|---|---|
padding-top padding-right padding-bottom padding-left |
( <medida> | <porcentaje> ) | inherit | Margen interno sup. Margen interno dcho. Margen interno inf. Margen interno izdo. |
padding | ( <medida> | <porcentaje> ) {1, 4} | inherit | Tipo shorthand: Margen interno. |
margin-top margin-right margin-bottom margin-left |
( <medida> | <porcentaje> | auto ) | inherit | Margen externo sup. Margen externo dcho. Margen externo inf. Margen externo izdo. |
margin | ( <medida> | <porcentaje> | auto ) {1, 4} | inherit | Tipo shorthand: Margen externo. |
En la siguiente página seguiremos viendo el resumen de las propiedades CSS.
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