English | >> Português << | По-русскиZVON > Tutorials > CSS tutorial
>> Exemplo 13 << | Anterior | Próximo | Conteúdos

Descrição

As propriedades "font-style" [normal | italic | oblique], "font-variant" [normal | small-caps], e "font-weight" [normal | bold | bolder | lighter | 100 | 200 | 300| ... | 900] especificam a forma e o negrito dos caracteres. Grandes números em "font-weight" significam caracteres mais negros, "bold" é sinónimo de "700" e "normal" é sinónimo de "400". Case 1 compara estilos e variantes, Case 2 compara pesos.

Case 1 | >> Case 2 <<
Documento HTMLfolha de estilos CSS

<p>Default</p>
<div class = "A"> aaa - AAA
<div class = "B"> bbb - BBB
     <div class = "C"> ccc - CCC
          <div class = "D"> ddd - DDD
               <div class = "E"> eee - EEE
                    <div class = "F"> fff - FFF
                         <div class = "G"> ggg - GGG </div>
                    </div>
               </div>
          </div>
     </div>
</div>
</div>
body {color:black; background-color: white}

div.A {font-weight:bold}
div.B {font-weight:lighter}
div.C {font-weight:lighter}
div.D {font-weight:100}
div.E {font-weight:bolder}
div.F {font-weight:bolder}
div.G {font-weight:900}

Resultado do Navegador