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-style:normal}
div.B {font-style:italic}
div.C {font-style:oblique}
div.D {font-style:normal; font-variant:normal}
div.E {font-style:normal; font-variant:small-caps}
div.F {font-style:italic; font-variant:small-caps}
div.G {font-style:oblique; font-variant:small-caps}

Resultado do Navegador