Latest web development tutorials

×

×

×

×

JavaScript & HTML DOM Reference Manual

Overview

JavaScript Object

JavaScript Array Object JavaScript Boolean Object JavaScript Date Object JavaScript Math Object JavaScript Number Object JavaScript String Object JavaScript RegExp Object JavaScript Global properties / functions JavaScript Operator

Browser Object

Window Object Navigator Object Screen Object History Object Location Object

DOM Object

HTML DOM Document Object HTML DOM Element object HTML DOM Attribute object HTML DOM Event object

HTML Object

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

HTML DOM Style overflowX property

Previous: HTML DOM Style outlineOffset property

Next: HTML DOM Style overflowY property

Examples

If the text overflows the content area element provides a horizontal scrolling:

document.getElementById("myDIV").style.overflowX="scroll";

Definition and Usage

OverflowX attribute specifies whether the content of the left / right edge of the crop - if the content overflows the element's content area.

Tip: Use overflowY property to determine the upper / lower edge of the cut.

Browser Support

All major browsers support overflowX property.

Note: overflowX property does not work in IE8 and earlier versions of.

grammar

Back overflowX properties:

object .style.overflowX

Setting overflowX properties:

object .style.overflowX="visible|hidden|scroll|auto|initial|inherit"

Property Value

值	描述
visible	不裁剪内容，可能会显示在内容框之外。
hidden	裁剪内容，且不提供滚动机制。
scroll	裁剪内容，且提供滚动机制。
auto	如果溢出框，则应该提供滚动机制。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。

technical details

Defaults:	visible
return value:	String representing the overflow-x property element.
CSS version	CSS3

related articles

CSS Reference: overflow-X property

Previous: HTML DOM Style outlineOffset property

Next: HTML DOM Style overflowY property