Calque 1 - Débordement auto

Le calque avec un débordement automatique, l'empêchera de s'étirer.

De plus il aura la propriété d'insérer une scroll bar si le texte est plus long que le calque. Magique n'est-ce pas ?? Tout à fait.

Une autre belle leçon qui vaut la peine d'être exploitée.

Je vais lui mettre un peu de couleur puisqu'il est sur fond blanc.

Chut, c'est ma seule tricherie ;-)))

Calque 2 -

Un peu plus de fantaisie en ajoutant une bordure. Je ne mets pas de débordement auto. alors il sera imposible d'y voir tout le texte.

Le calque s'étire en longueur. Je verrai cela plus loin. Je laisse le background en blanc car j'ai une belle bordure. ;-)))

Calque 3 - débordement scroll

Un calque où j'ai appliqué un background avec texte modifié à droite.

Allongeons le texte pour voir apparaître la scroll bar.

Et voilà je pense qu'elle y sera ;-)))

 

Calque 4 - hidden.

Dommage un peu on perdra du texte, il n'a pas de scroll.

Alors je continue à écrire. Non je ne cacherai pas de secret plus bas promis.

blablablablablab blablablablablab blablablablablab blablablablablab

Calque 5 - il chevauche le 4 après déplacement de celui-ci dans le CSS. Je vais intervertir l'ordre du 4 et d 5 pour que le chevauchement soit sur le 4.

Et voilà c'était mon apprentissage des calques.

Un peu simplet comme présentation, mais j'ai compris le système et je ne voulais pas prendre les idées des autres. ;-)))