English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Manual de referencia de CSS

CSS @reglas (RULES)

大全 de atributos CSS

Lista de CSS-style-método de uso y ejemplo de propiedad type

Esta propiedad type-style-La propiedad typeCSS especifica el tipo de marcador para los elementos de lista.

La siguiente tabla proporciona instrucciones de uso y registro histórico de versiones de esta propiedad, así como su sintaxis de uso en scripts de JavaScript.

valor por defecto:disc
aplicable a:elementos de lista
herencia:
animable:nover propiedades de animación.
versión:CSS 1,2,3
JavaScript sintaxis:objeto.style.listStyleType="circle"

list-style-sintaxis de uso de type

La sintaxis de esta propiedad es la siguiente:

list-style-type: disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | initial | inherit

El siguiente ejemplo muestra cómo usar list-style-propiedad de tipo.

  ol {
   list-style-type: decimal-leading-zero;
  }
  ul {
   list-style-type: square;
  }
prueba a ver‹/›

valor de la propiedad

La siguiente tabla describe los valores de esta propiedad.

valordescripción
discPor defecto. El marcador es un círculo sólido.
circleEl marcador es un círculo hueco.
squareEl marcador es un cuadrado sólido.
decimalEl marcador es un número.
decimal-leading-ceroMarcadores de números que comienzan con 0. (01, 02, 03, etc.
lower-romanNúmeros romanos minúsculos (i, ii, iii, iv, v, etc.)
upper-romanNúmeros romanos mayúsculos (I, II, III, IV, V, etc.)
lower-alphaMinúsculas en caracteres alfabéticos ingleses The marker is lower-alpha (a, b, c, d, e, etc.)
upper-alphaMayúsculas en caracteres alfabéticos ingleses The marker is upper-alpha (A, B, C, D, E, etc.)
lower-greekLetras griegas minúsculas (alpha, beta, gamma, etc.)
lower-latinLetras latinas minúsculas (a, b, c, d, e, etc.)
upper-latinLetras latinas mayúsculas (A, B, C, D, E, etc.)
hebrewMétodo de numeración hebrea tradicional
armenianMétodo de numeración armenio tradicional
georgianMétodo de numeración georgiano tradicional (an, ban, gan, etc.)
cjk-ideographicNúmeros ideográficos simples
hiraganaLos marcadores son: a, i, u, e, o, ka, ki, etc. (Katakana japonés)
katakanaLos marcadores son: A, I, U, E, O, KA, KI, etc. (Katakana japonés)
hiragana-irohaLos marcadores son: i, ro, ha, ni, ho, he, to, etc. (Katakana japonés)
katakana-irohaLos marcadores son: I, RO, HA, NI, HO, HE, TO, etc. (Katakana japonés)
noneNo especificar el marcador.
initialEstablecer este atributo en su valor predeterminado.
inheritSi se especifica, el elemento asociado utiliza el valor list del elemento padre.-style-Valores del atributo type.

Compatibilidad del navegador

list-style-Compatibilidad del navegador del atributo type. Los números en la tabla siguiente representan la versión mínima de los navegadores que admiten este atributo; todos los navegadores principales admiten este atributo.

  • Firefox 1+

  • Google Chrome1+

  • Internet Explorer 4+

  • Apple Safari 1+

  • Opera 4+

Leer más

Por favor, consulte el siguiente tutorial:Lista de HTML,Lista de CSS.

Propiedades relacionadas:list-style,list-style-image,list-style-position.