11.07.2015 Views

el tutorial de Dreamweaver

el tutorial de Dreamweaver

el tutorial de Dreamweaver

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Unidad 17. Estilos CSS Avanzado (VI)17.6EspaciadoContinuando con los controles <strong>de</strong> texto tenemos la propiedad word-spacing que establece laseparación entre las palabras <strong>de</strong> un texto.Este texto tiene una separación <strong>de</strong> 18 píx<strong>el</strong>es entre sus palabras.Este, sin embargo, tiene una separación <strong>de</strong> -5 píx<strong>el</strong>es.También po<strong>de</strong>mos utilizar la propiedad letter-spacing para establecer la distancia aplicadaentre los caracteres d<strong>el</strong> texto:Este texto tiene una separación <strong>de</strong> 5 píx<strong>el</strong>es entresus palabras.Este, sin embargo, tiene una separación <strong>de</strong> -2 píx<strong>el</strong>es.vertical-align establece la alineación vertical d<strong>el</strong> texto. Pue<strong>de</strong> tomar los valores bas<strong>el</strong>ine, sub,super, top, text-top, middle, bottom, text-botom.bas<strong>el</strong>ine,sub,super,top, text-top, middle, bottom, text-bottomObserva como los valores sub, super, text-bottom y text-top toman como referencia <strong>el</strong> tamañod<strong>el</strong> texto, mientras que top, middle y bottom toman como referencia <strong>el</strong> alto d<strong>el</strong> párrafo completo (eneste caso lo marca la imagen <strong>de</strong> aulaClic).line-height indica <strong>el</strong> alto <strong>de</strong> línea d<strong>el</strong> texto, igual que <strong>el</strong> resto <strong>de</strong> propieda<strong>de</strong>s pue<strong>de</strong>s estableceresta altura en píx<strong>el</strong>es, ems o puntos.Este texto tiene un alto <strong>de</strong> línea <strong>de</strong> 30 píx<strong>el</strong>es. Pue<strong>de</strong>s ver que la separación entres estas líneas es mayor que la<strong>de</strong>finida por <strong>de</strong>fecto.Este texto tiene un alto <strong>de</strong> línea <strong>de</strong> 10 píx<strong>el</strong>es. Pue<strong>de</strong>s ver que la separación entres estas líneas es menor que la<strong>de</strong>finida por <strong>de</strong>fecto.Si estableces simplemente valores numéricos podrás indicar <strong>el</strong> alto respecto a su tamaño normal.Por ejemplo:p { line-height: 2; }

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!