Come inserire ed utilizzare l'attributo overflow. gestione del testo contenuto nei box con la proprietà overflow dei css.
ALLWEB free
Web Directory Script Linguaggi
Italiano Inglese Tutte
 
 22 Oct 2014
aggiungi in preferiti  
Home    Mappa directory    Script




Overflow:

I box sono stati introdotti per escludere le tabelle dal layout delle pagine web.

L'attributo overflow cerca di gestire il contenuto in accesso dei box.

Overflow può assumere uno dei seguenti valori:




visible:

Il valore visible consente di vedere il contenuto anche se supera le dimensioni del box.

Esempio:
<div style="border:1px solid green; overflow:visible; width:300px; height:100px;" > Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura ché la diritta via era smarrita. Ahi quanto a dir qual era è cosa dura esta selva selvaggia e aspra e forte che nel pensier rinova la paura! Tant'è amara che poco è più morte; ma per trattar del ben ch'i' vi trovai, dirò de l'altre cose ch'i' v'ho scorte. Io non so ben ridir com'i' v'intrai, tant'era pien di sonno a quel punto che la verace via abbandonai. </div>

Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura ché la diritta via era smarrita. Ahi quanto a dir qual era è cosa dura esta selva selvaggia e aspra e forte che nel pensier rinova la paura! Tant'è amara che poco è più morte; ma per trattar del ben ch'i' vi trovai, dirò de l'altre cose ch'i' v'ho scorte. Io non so ben ridir com'i' v'intrai, tant'era pien di sonno a quel punto che la verace via abbandonai.
Tutto il testo in esubero è stato reso visibile e sovrapposto a quello sottostante.






hidden:

Il valore hidden rende nascosto il contenuto in esubero.

Esempio:
<div style="border:1px solid green; overflow:hidden; width:300px; height:100px;" > Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura ché la diritta via era smarrita. Ahi quanto a dir qual era è cosa dura esta selva selvaggia e aspra e forte che nel pensier rinova la paura! Tant'è amara che poco è più morte; ma per trattar del ben ch'i' vi trovai, dirò de l'altre cose ch'i' v'ho scorte. Io non so ben ridir com'i' v'intrai, tant'era pien di sonno a quel punto che la verace via abbandonai. </div>

Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura ché la diritta via era smarrita. Ahi quanto a dir qual era è cosa dura esta selva selvaggia e aspra e forte che nel pensier rinova la paura! Tant'è amara che poco è più morte; ma per trattar del ben ch'i' vi trovai, dirò de l'altre cose ch'i' v'ho scorte. Io non so ben ridir com'i' v'intrai, tant'era pien di sonno a quel punto che la verace via abbandonai.
Tutto il testo sottostante sarà visibile (a differenza del testo in esubero che resterà nascosto).




scroll:

Il valore scroll gestisce il contenuto in esubero con l'aggiunta di barre di scorrimento al box.

Esempio:
<div style="border:1px solid green; overflow:scroll; width:300px; height:100px;" > Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura ché la diritta via era smarrita. Ahi quanto a dir qual era è cosa dura esta selva selvaggia e aspra e forte che nel pensier rinova la paura! Tant'è amara che poco è più morte; ma per trattar del ben ch'i' vi trovai, dirò de l'altre cose ch'i' v'ho scorte. Io non so ben ridir com'i' v'intrai, tant'era pien di sonno a quel punto che la verace via abbandonai. </div>

Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura ché la diritta via era smarrita. Ahi quanto a dir qual era è cosa dura esta selva selvaggia e aspra e forte che nel pensier rinova la paura! Tant'è amara che poco è più morte; ma per trattar del ben ch'i' vi trovai, dirò de l'altre cose ch'i' v'ho scorte. Io non so ben ridir com'i' v'intrai, tant'era pien di sonno a quel punto che la verace via abbandonai.
Tutto il testo sottostante sarà visibile.


Le barre di scorrimento sono visibili anche se non sono necessarie.




auto:

Il valore auto rende autonomo il browser. Solitamente in caso di contenuto in esubero sono applicate la barre di scorrimento.

Esempio:
<div style="border:1px solid green; overflow:auto; width:300px; height:100px;" > Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura ché la diritta via era smarrita. Ahi quanto a dir qual era è cosa dura esta selva selvaggia e aspra e forte che nel pensier rinova la paura! Tant'è amara che poco è più morte; ma per trattar del ben ch'i' vi trovai, dirò de l'altre cose ch'i' v'ho scorte. Io non so ben ridir com'i' v'intrai, tant'era pien di sonno a quel punto che la verace via abbandonai. </div>

Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura ché la diritta via era smarrita. Ahi quanto a dir qual era è cosa dura esta selva selvaggia e aspra e forte che nel pensier rinova la paura! Tant'è amara che poco è più morte; ma per trattar del ben ch'i' vi trovai, dirò de l'altre cose ch'i' v'ho scorte. Io non so ben ridir com'i' v'intrai, tant'era pien di sonno a quel punto che la verace via abbandonai.
Tutto il testo sottostante sarà visibile.


Le barre di scorrimento non sono visibili se non sono necessarie.