Exemple de code de la propriété JS / CSS overflowX.

<style>
.cadre-gris{ margin : 5px 0 135px 0; }
.taille{ height : 50px; width : 250px} 
.inlineblock{display : inline-block}
.nowrap{white-space :nowrap }
</style>
<div class="cadre-exemple cadre-clickme" id="exemple">
  <h3 id="exemple-desc1">Valeur par défaut</h3>
  <div class="cadre-gris">
  <span id="exemple-desc-0">Valeur initiale</span>
  <div id="exemple-style-0" class="cadre-vert taille">Effet overflowX. Haberet minimumque virium, ita amicitias appetere maxime; ex eo fieri ut mulierculae magis amicitiarum praesidia quaerant quam viri.<span class="nowrap">Haberet minimumque virium, ita amicitias appetere</span> maxime; ex eo fieri ut mulierculae magis amicitiarum praesidia quaerant quam viri.</div>
  </div>
  <div class="cadre-gris">
  <span id="exemple-desc-1">Valeur initiale</span><br>
  <span id="exemple-style-1" class="cadre-vert inlineblock taille">Effet overflowX. Haberet minimumque virium, ita amicitias appetere maxime; ex eo fieri ut mulierculae magis amicitiarum praesidia quaerant quam viri.<span class="nowrap">Haberet minimumque virium, ita amicitias appetere</span> maxime; ex eo fieri ut mulierculae magis amicitiarum praesidia quaerant quam viri.</span>
  </div>
</div>
<script>
initExemple('overflow-x',  'overflowX', ['scroll', 'hidden', 'visible', 'auto', 'inherit'], 2); 
</script>