Alcuni giorni fa abbiamo visto come attraverso i tag <sup> e <sub> sia possibile utilizzare apici e pedici in un testo HTML. Il risultato è sicuramente funzionale ma graficamente non sempre appagante. Attraverso l’uso dei fogli di stile CSS è possibile personalizzare l’aspetto di apici e pedici per ottenere una maggiore distinzione visiva rispetto al testo normale.
A volte in un documento HTML può essere necessario utilizzare apici e pedici per scrivere ad esempio una espressione matematica o una formula chimica. Una possibile soluzione a questa esigenza è il ricorso ai tag <sup> (apice) e <sub> (pedice) applicati all’elemento del testo da trattare.
Nella precedente guida dedicata ai fogli di stile CSS abbiamo analizzato la proprietà height che definisce l’altezza del box di un elemento di HTML. Le proprietà min-height e max-height possono essere affiancate ad height o usate in maniera indipendente e permettono di avere una gestione più flessibile dell’altezza di un blocco.
La proprietà height nei fogli di stile (CSS) permette di definire l’altezza di un elemento. Il suo comportamento è molto simile a quanto descritto per la proprietà width che abbiamo trattato qualche settimana fa. Peraltro è molto frequente che le proprietà height e width vengano utilizzate contemporaneamente.
In una recente guida dedicata ai fogli di stile CSS abbiamo visto come la proprietà width possa essere utilizzata per definire in forma assoluta o relativa la larghezza di un elemento. Attraverso le proprietà min-width e max-width è possibile ottenere una una maggiore flessibilità nella gestione della larghezza; ciascuna di queste proprietà può essere usata autonomamente o in abbinamento con la proprietà width.
In questa guida dedicata ai fogli di stile vedremo il funzionamento della proprietà width a cui si ricorre con grande frequenza per definire la larghezza di un elemento. La proprietà width può essere utilizzata per definire una dimensione assoluta (per esempio in pixel) ma anche per definire una larghezza relativa rispetto all’elemento superiore (ad esempio una colonna o l’intera pagina).
Concludiamo la guida ai bordi nei fogli di stile CSS esaminando la proprietà border-width che come si può facilmente intuire definire lo spessore del bordo. Ricordiamo che nelle precedenti guide abbiamo già analizzato le proprietà border-style (stile del bordo) e border-color (colore del bordo).
Da qualche settimana stiamo analizzando le proprietà dei fogli di stile CSS per la gestione dei bordi. Abbiamo inizialmente visto come le proprietà riferite ai bordi riguardino stile (style), colore (color) e spessore (width) e come possano essere espresse in forma sintetica per tutti i bordi o in forma dettagliata per ognuno dei quattro bordi top (alto), bottom (basso), right (destra) e left (sinistra).
Alcuni giorni fa abbiamo introdotto l’uso dei bordi nei fogli di stile CSS. Come abbiamo visto in quella occasione le proprietà relativa ai bordi riguardano stile (style), colore (color) e spessore (width). In questa guida analizzeremo più in dettaglio le proprietà dei CSS del tipo border-style che intervengono sullo stile (tipologia) del bordo.
I fogli di stile CSS consentono di associare ad ogni selettore dei bordi; questi ultimi possono essere utilizzati per dare maggiore risalto o riconoscibilità ad una sezione del documento HTML. Graficamente il browser rappresenta un bordo sotto forma di una cornice che racchiude su uno o più lati un dato elemento.