overflow-x

はみ出た内容の表示方法を指定する（IE独自の仕様）

Internet Explorerが独自のプロパティです。

幅や指定したDIVなどのブロック要素の範囲内に文章等の内容が入りきらない場合に、はみ出た部分の表示方法を指定します。
overflowプロパティも参考にしてください。

(例) overflow-x:hidden;

visible
　ボックスからはみ出して表示されます(初期値)。
　IEは、内容がはみ出すのではなく、ボックスの方が内容に合わせて拡張されます。

scroll
　入りきらない内容はスクロールして見られるようになります。

hidden
　はみ出た部分は表示されません。

auto
　ブラウザに依存します（一般的にはスクロールして見られるようになります）。

<div style="width:100px;height:30px;border:1px solid #ccc;">
あいうえおかきくけこ<br />さしすせそ<br />たちつてと
</div>

あいうえおかきくけこ
さしすせそ
たちつてと

<div style="width:100px;height:30px;border:1px solid #ccc;overflow-x:visible;">
あいうえおかきくけこ<br />さしすせそ<br />たちつてと
</div>

あいうえおかきくけこ
さしすせそ
たちつてと

<div style="width:100px;height:30px;border:1px solid #ccc;overflow-x:scroll;">
あいうえおかきくけこ<br />さしすせそ<br />たちつてと
</div>

あいうえおかきくけこ
さしすせそ
たちつてと

<div style="width:100px;height:30px;border:1px solid #ccc;overflow-x:hidden;">
あいうえおかきくけこ<br />さしすせそ<br />たちつてと
</div>

あいうえおかきくけこ
さしすせそ
たちつてと

<div style="width:100px;height:30px;border:1px solid #ccc;overflow-x:auto;">
あいうえおかきくけこ<br />さしすせそ<br />たちつてと
</div>

あいうえおかきくけこ
さしすせそ
たちつてと