Home -> Manuali e Tutorials -> Guida CSS -> Bordi e Riempimento  (2/3)

Scarica il tutorial      |    Stampa il tutorial      |    Cerca nel sito      

Spessore dei Bordi

I bordi possono essere posti attorno a ciascun contenuto di un tag HTML per evidenziarlo. Possono essere personalizzati in spessore, stile e colori.

Per determinarne lo spessore si usano i seguenti elementi:

• border-top-width (larghezza della parte superiore)
  
  
• border-right-width (larghezza della parte destra)
  
  
• border-left-width (larghezza della parte sinistra)
  
  
• border-bottom-width (larghezza della parte inferiore)
  
  
• border-width (larghezza uguale per tutti e quattro i bordi)

I valori ammessi sono:

• thin (leggero)
  
  
• medium (medio)
  
  
• thick (spesso)

oppure un valore assoluto espresso in

• px (pixels)
  
  
• cm (centimetri)
  
  
• mm (millimetri)
  
  
• pt (punti)
  
  
• pc (pica equivalenti a 12 punti)

Stile dei bordi

Lo stile dei bordi ne determina l'aspetto esteriore e può, a seconda del valore assegnato a ciascun elemento, darne un'apparenza totalmente differente.
Per determinarne lo stile si usano i seguenti elementi:

• border-top-style (stile della parte superiore)
  
  
• border-right-style (stile della parte destra)
  
  
• border-left-style (stile della parte sinistra)
  
  
• border-bottom-style (stile della parte inferiore)
  
  
• border-style (stile uguale per tutti e quattro i bordi)

I valori ammessi sono:

• dotted (a puntini)
  
  
• dashed (a linette)
  
  
• solid (solido)
  
  
• double (doppio)
  
  
• groove (solcato)
  
  
• ridge (in rilievo)
  
  
• inset (rivolto verso l'interno)
  
  
• outset (rivolto verso l'esterno)

Torna su      |    Indice Guida      |    Pagina << 13 >>