Scroll orizzontale e verticale CSS
Le barre di scorrimento, in inglese scrollbar (da cui scrolling), servono a visualizzare un contenuto più grande dell’area che lo contiene senza compromettere né la visibilità né l’impaginazione. La proprietà CSS che le regola è:
overflow: <value>;
dove il valore può essere:
- visible , il contenuto viene mostrato nella sua interezza, espandendosi oltre i limiti del conenitore; è il valore predefinito anche se non specificato.
- hidden , il contenuto che deborda le dimensioni del contenitore non viene mostrato, è come se fosse tagliato.
- scroll , il contenuto viene “tagliato”, ma viene aggiunta una barra di scorrimento per ogni dimensione necessaria (verticale-orizzontale).
- auto , se il contenuto supera le dimensioni del contenitore, viene “tagliato” e compare una barra di scorrimento.
- inherit , il valore è ereditato dalla classe parente.
Per controllare manualmente la proprietà, gli attributi sono i seguenti:
- overflow-x: <value>;
- overflow-y: <value>;
I valori sono gli stessi dell’attributo generico.
