CONSULTA “LISTAS & CONTADORES CON CSS”

UNIVERSIDAD TÉCNICA DE MANABÍ

FACULTAD DE CIENCIAS INFORMÁTICAS

INGENIERÍA EN SISTEMAS INFORMÁTICOS

CONSULTA

“LISTAS & CONTADORES CON CSS”

ESTUDIANTES:

Andrade Molina Roddy

Cedeño Cedeño Washington Ali

Macias Saldarriaga John David

Murillo Mendoza Freddy John

Vera Almeida Cristhian Manuel

ASIGNATURA:

Aplicaciones Web

DOCENTE:

Ing Cobeña Macias Tatiana Elizabeth

SEPTIMO SEMESTRE PARALELO “A”

PERIODO ACADÉMICO:

OCTUBRE 2019 - FEBRERO 2020

PORTOVIEJO – MANABÍ – ECUADOR

2019

INDICE

PROPIEDAD  CSS list-style        2

DEFINICIÓN Y USO        2

SOPORTE DEL NAVEGADOR        2

SINTAXIS CSS        2

VALORES DE PROPIEDAD        2

PROPIEDAD  CSS list-style-position        3

DEFINICIÓN Y USO        3

SINTAXIS CSS        4

VALORES DE PROPIEDAD        4

PROPIEDAD CSS list-style-type        4

DEFINICIÓN Y USO        4

VALORES DE PROPIEDAD        5

PROPIEDAD CSS list-style-image        6

DEFINICIÓN Y USO        6

VALORES DE PROPIEDAD        6

QUE SON LOS CONTADORES DE CSS ?        7

¿Cómo se utilizan los contadores de CSS?        7

¿Cómo puedes mostrar los contadores de CSS?        8

ELEMENTOS HTML

,

,

        10

REFERENCIAS        12

PROPIEDAD  CSS list-style 

DEFINICIÓN Y USO

La propiedad es una abreviatura de las siguientes propiedades: list-style

• list-style-type
• list-style-position
• list-style-image

Si falta uno de los valores, se usará el valor predeterminado para esa propiedad.

Default value:

Disc,  outside,  none

SOPORTE DEL NAVEGADOR

Los números de la tabla especifican la primera versión del explorador que admite completamente la propiedad.[pic 1]

SINTAXIS CSS

list-style: list-style-type list-style-position list-style-image|initial|inherit;

VALORES DE PROPIEDAD

VALOR	DESCRIPCIÓN
list-style-type	Especifica el tipo de marcador de elemento de lista. El valor predeterminado es "disco"
list-style-position	Especifica dónde colocar el marcador de elemento de lista. El valor predeterminado es "afuera"
list-style-image	Especifica el tipo de marcador de elemento de lista. El valor predeterminado es "ninguno"
initial	Establece esta propiedad en su valor predeterminado.
inherit	Hereda esta propiedad de su elemento padre.

PROPIEDAD  CSS list-style-position 

DEFINICIÓN Y USO

La propiedad especifica la posición de los marcadores de elemento de lista (puntos de viñeta).

 list-style-position

list-style-position: outside; significa que los puntos de viñeta estarán fuera del elemento de lista. El inicio de cada línea de un elemento de lista se alineará verticalmente:

[pic 2]

list-style-position: inside; significa que los puntos de viñeta estarán dentro del elemento de lista. Como forma parte del elemento de lista, formará parte del texto y empujará el texto al principio:

[pic 3]

Como valor defaul sera el Outside

Default value:

Outside

SINTAXIS CSS

list-style-position: inside|outside|initial|inherit;

VALORES DE PROPIEDAD

VALOR	DESCRIPCIÓN
inside	Las viñetas estarán dentro del elemento de la lista
outside	Los puntos de viñeta estarán fuera del elemento de la lista. Esto es por defecto
initial	Establece esta propiedad en su valor predeterminado.
inherit	Hereda esta propiedad de su elemento padre.

PROPIEDAD CSS list-style-type 

DEFINICIÓN Y USO

Especifica el tipo de marcador de elemento de lista en una lista. list-style-type

SINTAXIS CSS

list-style-type: value;

[pic 4][pic 5][pic 6][pic 7][pic 8][pic 9]

VALORES DE PROPIEDAD

VALOR	DESCRIPCIÓN
disc	Valor por defecto. El marcador es un círculo lleno.
armenian	El marcador es la numeración armenia tradicional.
circle	El marcador es un círculo.
cjk-ideographic	El marcador es números ideográficos simples
decimal	El marcador es un número.
decimal-leading-zero	El marcador es un número con ceros a la izquierda (01, 02, 03, etc.)
georgian	El marcador es la numeración georgiana tradicional.
hebrew	El marcador es la numeración hebrea tradicional.
hiragana	El marcador es la numeración tradicional de Hiragana.
hiragana-iroha	El marcador es la numeración tradicional de Hiragana iroha
katakana	El marcador es la numeración tradicional de Katakana.
katakana-iroha	El marcador es la numeración tradicional de Katakana iroha
lower-alpha	El marcador es alfa inferior (a, b, c, d, e, etc.)
lower-greek	El marcador es griego inferior
lower-latin	El marcador es latino inferior (a, b, c, d, e, etc.)
lower-roman	El marcador es romana inferior (i, ii, iii, iv, v, etc.)
none	No se muestra marcador
square	El marcador es un cuadrado
upper-alpha	El marcador es alfa superior (A, B, C, D, E, etc.)
upper-greek	El marcador es griego superior
upper-latin	El marcador es latín superior (A, B, C, D, E, etc.)
upper-roman	El marcador es romano superior (I, II, III, IV, V, etc.)
initial	Establece esta propiedad en su valor predeterminado. Leer sobre inicial
inherit	Hereda esta propiedad de su elemento padre. Leer sobre heredar

...