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.

Observa que hemos utilizado una URL. Esta ruta <strong>de</strong>be ser o bien absoluta, o r<strong>el</strong>ativa a la hoja <strong>de</strong>estilos. Nunca al documento don<strong>de</strong> se aplica!list-style-position sirve para establecer sangrados colgantes. Pue<strong>de</strong> tomar dos valores outsi<strong>de</strong>(fuera) e insi<strong>de</strong> (<strong>de</strong>ntro).Veamos un ejemplo que lo ilustrará perfectamente:• <strong>el</strong>emento 1• <strong>el</strong>emento 2 con valor outsi<strong>de</strong>• <strong>el</strong>emento 3• <strong>el</strong>emento 4 con valor insi<strong>de</strong>• <strong>el</strong>emento 5Como pue<strong>de</strong>s ver <strong>el</strong> valor insi<strong>de</strong> alinea la viñeta con <strong>el</strong> principio d<strong>el</strong> texto d<strong>el</strong> <strong>el</strong>emento anterior.Outsi<strong>de</strong> alinea la viñeta d<strong>el</strong> <strong>el</strong>emento en la posición pre<strong>de</strong>finida. Utiliza este último valor para<strong>de</strong>stacar listas <strong>de</strong>finidas como insi<strong>de</strong>.Por último, como en los controles <strong>de</strong> fuente, existe un modo en <strong>el</strong> que po<strong>de</strong>mos escribir todasestas reglas sin tener que escribirlas una a una. Para <strong>el</strong>lo utilizaremos la propiedad list-style.De este modo <strong>el</strong> siguiente bloque:ol {list-style-type: upper-alpha;list-style-position: outsi<strong>de</strong>;list-style-image: url(imagenes/bullet.gif);}Pue<strong>de</strong> escribirse como:ol {list-style: upper-alpha outsi<strong>de</strong> url(imagenes/bullet.gif);}Ten en cuenta siempre <strong>el</strong> or<strong>de</strong>n type, position e image. Si no quieres utilizar alguna <strong>de</strong> <strong>el</strong>las,simplemente omít<strong>el</strong>a.

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

Saved successfully!

Ooh no, something went wrong!