Reglas CSS para personalizar el último aspecto de la lista en el lado html. Estilo de lista de poder (tipo, imagen, posición). Diseño de lista: estilo de lista

En una amplia variedad de atributos de estilo, para cuya ayuda pedir Parámetros de párrafos... Párrafos en un sentido amplio de la palabra - antes de los cuales se introducen y encabezados, y las listas, І etiquetas, direcciones, grandes citas. Zagalom, elementos de bloque, mostrados en las secciones 2 y para la estructura del texto.

Por otro lado, somos reconocibles con otros dos atributos específicos del estilo, que nos permiten ver el valor de lo que se muestra el elemento del sitio web (es decir, está bloqueado o despierto) y el elemento es invisible. Muy a menudo los atributos del estilo se estancan y solo en el comportamiento de canto (Div. Parte III).

Parámetros al texto

¿Por qué hay atributos de estilo? en el texto en elementos de bloque de estructuración de texto. Oh, no es suficiente. Y todo el hedor puede ser solo hasta los elementos del bloque.

El atributo de estilo de alineación de texto se establece horizontalmente en el texto:

alineación de texto: izquierda | derecha | centro | justificar | heredar

Aquí los valores disponibles son left (comportamiento del lado izquierdo; comportamiento de búsqueda en la web), derecho (lado derecho), centro (centrado) y justificar (anular).

ponerse:

P (alinear texto: justificar)
H1 (alineación de texto: centro)

El atributo de estilo de sangría de texto establece la "nueva fila" en línea:

guion de texto:<отступ "красной строки">

Aquí, se permiten valores absolutos y comunes (solo el ancho del párrafo). Para sustituciones para la entrada de la "nueva fila", habrá cero. Obviamente, el atributo del estilo de sangría de texto no se puede heredar.

extremo:

P (sangría de texto: 5 mm)

El eje del párrafo ahora es "nueva fila".

las listas el medio de los elementos del bloque se separa. Básicamente, a través de aquellos que, en primer lugar, colocan sus propios bloques y elementos (alrededor de los puntos), y de otra manera, incluyen marcadores y numeración, que son colocados por la propia vista Web. El eje se trata de marcadores y numeración, y más precisamente, de los atributos de estilo, que se utilizan para configurar estos parámetros, y hablemos a la vez.

El atributo list-style-type establece el tipo de marcadores o numeración de los elementos de la lista:

tipo de estilo de lista: disco | círculo | cuadrado | decimal | cero inicial decimal |

inferior romano | alto-romano | griego inferior | alfa inferior | latín inferior |

alfa superior | latín alto | armenio | georgiano | ninguno | heredar

Yak bachimo, valores disponibles para el atributo tsy del estilo aún más bagato. Los olores significan tanto diferentes tipos de marcadores como diferentes formas de numeración.

Marcador de disco en el visor del círculo negro (comportamiento específico para listas marcadas).

Círculo: un marcador en el viglyadі del gurt ligero.

Cuadrado: marcador en la vista del cuadrado. Puede ser claro u oscuro, en ausencia de una vista web.

Numeración decimal en números arábigos (comportamiento especial para listas numeradas).

Cero inicial decimal: numeración en números arábigos del 01 al 99 con un cero de mazorca.

Números romanos inferiores en números romanos pequeños.

Numeración romana superior en grandes números romanos.

Griego inferior: numeración en letras pequeñas de nogal.

Alfa inferior y latín inferior: numeración en letras latinas pequeñas.

Numeración en letras mayúsculas y latinas con grandes letras latinas.

Numeración armenia mediante números tradicionales de Vermen.

Georgiano: numeración mediante números georgianos tradicionales.

Ninguno: marcador y numeración para todos los días (comportamiento específico para los que no reciben indicaciones).

EN UNA NOTA

Solo miramos el valor del atributo en el tipo de estilo de lista, propuesto por el estándar CSS 3. Sin embargo, el estándar CSS 2 pasó aún más valor, ya que todavía es aceptado por los navegadores web. Puede encontrarlo en el sitio web https://developer.mozilla.org/en/CSS/list-style-type.

El atributo list-style-type se puede configurar por sí mismo. liza, So y para elementos adicionales de listas. En la última gota, hay una lista, en cuyo punto hay diferentes marcadores o números. Un día es posible en el presente.

El eje del valor de la lista marcada con un marcador en la ventana gráfica del cuadrado:

UL (tipo de estilo de lista: cuadrado)

Y en el listado 9.1 también colocamos un marcador para uno de los elementos de la lista marcada.

El atributo list-style-image le permite establecer elementos en la lista como una imagen gráfica (establecer un marcador gráfico) en el marcador. El valor del atributo para el tipo de estilo de lista tiene una amplia variedad de errores, como tareas, para ignorar:

imagen-estilo-lista: ninguna |<интернет-адрес файла изображения>| heredar

Las direcciones de Internet del archivo con un marcador gráfico deben configurarse en el mismo formato que las direcciones de Internet para el archivo de imagen de fondo (div. Rozdil 8):

UL (lista-estilo-imagen: url (/markers/dot.gif))

El valor es ninguno. Ordene el marcador gráfico y gírelo simple, no gráfico. Es un comportamiento muy especial.

El atributo list-style-image también se puede establecer para las propias listas, así como para elementos superfluos.

El atributo list-style-position le permite especificar un lugar para el marcador o la numeración en el elemento de la lista:

posición-estilo-lista: interior | afuera | heredar

Hay dos valores disponibles:

Dentro: un marcador de numeración abreviada que se encuentra como un elemento intermedio en la lista, єª parte;

Afuera: un marcador para la numeración del vino para el párrafo intermedio. la lista(Es un comportamiento muy especial).

Nezozumіlo, lo más probable es que use un atributo de estilo, incluso las listas, En qué marcador está la numeración del vino entre los puntos, es más fácil de leer. Bueno, dado que hay presencia en el estándar CSS, significa, entonces eso y pero ...

extremo:

OL (posición de estilo de lista: adentro)

Poder universal, que le permite establecer el estilo del marcador, su posición y también la imagen, ya que saldrá victorioso en la lista del marcador.

información breve

designacion

para describirextremo
<тип> Agregue el tipo de valor.<размер>
A && BLos valores de la culpa estarán sujetos al orden establecido.<размер> && <цвет>
A | BAdemás, solo necesitas vibrar en un valor del propuesto (A o B).normal | letras minúsculas
A || BEl significado de la piel puede ser vikoristovuvatisya de forma independiente o en espiral con él en un bonito orden.ancho || contar
Valor de grupo.[Cultivo || Cruz]
* Repita cero o más veces.[,<время>]*
+ Repita una o más veces.<число>+
? Los valores son tipo, una palabra o un grupo no es obov'yazkovim.¿recuadro?
(A, B)Repita no menos de A, o no más de B veces.<радиус>{1,4}
# Repita un desarrollo más a través del coma.<время>#

valor

Ya sea una combinación de tres significados, es el estilo de los marcadores, el hedor se distribuye entre sí por una ruptura. El significado de la combinación debe seguirse en el orden indicado: el tipo de marcador, luego la posición y la imagen. Si el significado no está limitado, se puede omitir.

extremo

estilo de lista

  • bagatovimirniy polinom
  • Serie normal absolutamente convergente
  • Integral de funciones
  • Extremo colineal de función

El resultado de las lecturas dadas a la culata en la fig. 1.

Pequeña. 1. Estancamiento del estilo de lista de poder

modelo ob'ctna

ob'єkt.style.listStyle

Especificación

Especificidad de la piel para pasar por las etapas de endurecimiento.

  • Recomendación: la especificación es aceptada por el W3C y se recomienda como estándar.
  • Recomendación candidata ( puedes recomendar) - el grupo, que está aprobado para la norma, está satisfecho, ya que está de acuerdo con sus objetivos, pero necesita ayuda adicional en el desarrollo de las ventas de acuerdo con la implementación de la norma.
  • Recomendación propuesta ( Se promueve la recomendación) - en todas las etapas del documento de presentación para la revisión del Aviso del W3C para el endurecimiento residual.
  • Borrador de trabajo: una versión más grande de la tinta negra para ser discutida y enmendada para la vista del espíritu.
  • Borrador del editor ( editorsky negro) - versión chornova del estándar escrito por los editores del proyecto.
  • Borrador ( detalles de Chernetka) - versión persha chornova del estándar.

navegadores

navegadores

Los navegadores de las tablas tienen el mismo significado.

para describir

Configure la dirección de la imagen para que sirva como marcador en la lista. El poder de guardar silencio, de modo que para elementos adicionales en la lista para la actualización del marcador, el valor sea ninguno.

sintaxis

imagen-estilo-lista: ninguna | url ("ir al archivo") | heredar

valor

ninguna Imagen de Skasovuє en la calidad del marcador para el elemento del padre. url Vіdnosniy o ruta absoluta al archivo gráfico. El valor se puede insertar en subtramo único, subtramo o sin ellos. heredar Uspadkov es el valor del padre.

HTML5 CSS2.1 IE Cr Op Sa Fx

lista-estilo-imagen

  • Lorem ipsum dolor sit amet
  • Consectetuer adipiscing elit
  • Sed diem nonummy nibh euismod
  • Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

El resultado de las lecturas dadas a la culata en la fig. 1.

Pequeña. 1. Estancamiento de la imagen de estilo de lista de poder

modelo ob'ctna

document.getElementById ("elementID") .style.listStyleImage

navegadores

V otros navegadores Se puede visualizar la vista entre imágenes y texto.

V explorador de Internet hasta la versión 7.0 inclusive, los marcadores no se muestran, ya que se ha dado la potencia de flotación a la lista. Del mismo modo, ningún valor heredado se puede utilizar en ningún navegador.

Configure la dirección de la imagen para que sirva como marcador en la lista. El poder de guardar silencio, de modo que para elementos adicionales en la lista para la actualización del marcador, el valor sea ninguno.

información breve

sintaxis

imagen-estilo-lista: ninguna | url<адрес>)

designacion

para describirextremo
<тип> Agregue el tipo de valor.<размер>
A && BLos valores de la culpa estarán sujetos al orden establecido.<размер> && <цвет>
A | BAdemás, solo necesitas vibrar en un valor del propuesto (A o B).normal | letras minúsculas
A || BEl significado de la piel puede ser vikoristovuvatisya de forma independiente o en espiral con él en un bonito orden.ancho || contar
Valor de grupo.[Cultivo || Cruz]
* Repita cero o más veces.[,<время>]*
+ Repita una o más veces.<число>+
? Los valores son tipo, una palabra o un grupo no es obov'yazkovim.¿recuadro?
(A, B)Repita no menos de A, o no más de B veces.<радиус>{1,4}
# Repita un desarrollo más a través del coma.<время>#

valor

ninguna Imagen de Skasovuє en la calidad del marcador para el elemento del padre. url Vіdnosniy o ruta absoluta al archivo gráfico. El valor se puede insertar en subtramos simples o sin ellos.

extremo

lista-estilo-imagen

  • Es fácil de reconciliar, la reconfiguración de Scho Afinny es monótona.
  • Prueba de una lucrativa integral curvilínea negativa estabilizadora, demostrando claramente todo el sentido de lo dicho.
  • La fila de estatuillas, en el primer cierre, canto la rica hoja de Moebius, y se muestra la paridad.

El resultado de las lecturas dadas a la culata en la fig. 1.

Pequeña. 1. Estancamiento de la imagen de estilo de lista de poder

modelo ob'ctna

ob'єkt.style.listStyleImage

Especificación

Especificidad de la piel para pasar por las etapas de endurecimiento.

  • Recomendación: la especificación es aceptada por el W3C y se recomienda como estándar.
  • Recomendación candidata ( puedes recomendar) - el grupo, que está aprobado para la norma, está satisfecho, ya que está de acuerdo con sus objetivos, pero necesita ayuda adicional en el desarrollo de las ventas de acuerdo con la implementación de la norma.
  • Recomendación propuesta ( Se promueve la recomendación) - en todas las etapas del documento de presentación para la revisión del Aviso del W3C para el endurecimiento residual.
  • Borrador de trabajo: una versión más grande de la tinta negra para ser discutida y enmendada para la vista del espíritu.
  • Borrador del editor ( editorsky negro) - versión chornova del estándar escrito por los editores del proyecto.
  • Borrador ( detalles de Chernetka) - versión persha chornova del estándar.

navegadores

navegadores

Los navegadores de las tablas tienen el mismo significado.

navegador explorador de Internet Netscape Ópera Safari Mozilla Firefox
versión 5.5 6.0 7.0 6.0 7.0 8.0 7.0 8.0 9.0 1.0 1.7 1.0 2.0
admitir Entonces Entonces Entonces Entonces Entonces Entonces Entonces Entonces Entonces Entonces Entonces Entonces Entonces

información breve

para describir

Un atributo que le permite establecer de inmediato el estilo del marcador, su posición y la imagen, ya que será vikoristovuvatsya en la calidad del marcador. Para un conocimiento más detallado de los argumentos, maravíllese con el poder del parámetro de aspecto list-style-type, list-style-position y list-style-image okremo.

sintaxis

estilo de lista: tipo de estilo de lista || posición-estilo-lista || lista-estilo-imagen

argumentos

Ya sea una combinación de tres significados, para comenzar el estilo de marcadores, en un pedido anticipado. El valor se divide entre uno mismo por una ruptura. El argumento no es necesariamente vinculante; por lo tanto, se puede omitir el significado no vicioso.





estilo de lista



  • Lorem ipsum dolor sit amet

  • Consectetuer adipiscing elit

  • Sed diem nonummy nibh euismod

  • Tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.


El resultado de las lecturas dadas a la culata en la fig. 1.

Pequeña. 1. Atascado en el parámetro de estilo de lista

¿Era digno de una estadía? ¡Hazte amigo de amigos!