Uso de list-style-type

[TeixeiraRamos 4]

É possível usar list-style-type que contenha esse resultado:

1) vavavavavava
2) bababababab
3) nnanananananaan
4) jajajajaja

Ou seja, número com parênteses.
Obrigado

[Sherlock02 0]

Olá!

 

ol {
    counter-reset: list;  
    list-style: none;
}
ol > li {
    list-style: none;
}
ol > li:before {
    content: counter(list) ") ";
    counter-increment: list;
}

 

<ol>
  <li>vavavavavava</li>
  <li>bababababab</li>
  <li>nnanananananaan</li>
  <li>jajajajaja</li>
</ol>

 

 

Abraços!

[TeixeiraRamos 4]

Olá

Sherck02

 

Resultado correto!!!

Muito obrigado.

 

Se desejar usa

a) vavavvavva

b) rarararara

c) yyyyyy

 

Não basta só indicar só indicar:

 

<ol type="a">
    <li>Nome</li>
    <li>Telefone</li>
    <li>Endereço</li>
    <li>País</li>

</ol>    

 

Perdão por mais essa pergunta.

Obrigado

[Sherlock02 0]

Olá,

Disponha!

 

Não, nesse caso você deve indicar o que deseja no css.

Segue o código:

Onde era:

ol > li:before {
    content: counter(list) ") ";
    counter-increment: list;
}

 

Você acrescenta ", lower-alpha"

Ficando:

ol > li:before {
    content: counter(list, lower-alpha) ") ";
    counter-increment: list;
}

 

Se eu quiser números romanos por exemplo, eu insiro "lower-roman" e o resultado será:

i) item

ii) item 2

iii) item 3

iv) item 4.

 

Vale dar uma olhadinha nesse site: https://www.w3.org/TR/CSS2/generate.html#counters 

 

[TeixeiraRamos 4]

Obrigado deu certo!