編程教程CSS3 overflow-x 屬性
CSS3overflow-x屬性
實(shí)例
如果它溢出了元素的內(nèi)容區(qū)-剪輯div元素的左/右邊緣內(nèi)容：
div
{
overflow-x:hidden;
}
{
overflow-x:hidden;
}
瀏覽器支持
表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號。
緊跟在 -webkit-, -ms- 或 -moz- 前的數(shù)字為支持該前綴屬性的第一個(gè)瀏覽器版本號。
| 屬性 | |||||
|---|---|---|---|---|---|
| overflow-x | 4.0 | 9.0 8.0 -ms- | 3.5 | 3.0 | 9.5 |
屬性定義及使用說明
overflow-x屬性指定如果它溢出了元素的內(nèi)容區(qū)是否剪輯左/右邊緣內(nèi)容。
提示:使用overflow-y屬性來判斷頂部和底部邊緣是否裁剪。
| 默認(rèn)值： | visible |
|---|---|
| 繼承： | no |
| 版本： | CSS3 |
| JavaScript 語法： | object.style.overflowX="scroll" |
語法
overflow-x: visible|hidden|scroll|auto|no-display|no-content;
| 值 | 描述 |
|---|---|
| visible | 不裁剪內(nèi)容，可能會顯示在內(nèi)容框之外。 |
| hidden | 裁剪內(nèi)容 - 不提供滾動(dòng)機(jī)制。 |
| scroll | 裁剪內(nèi)容 - 提供滾動(dòng)機(jī)制。 |
| auto | 如果溢出框，則應(yīng)該提供滾動(dòng)機(jī)制。 |
| no-display | 如果內(nèi)容不適合內(nèi)容框，則刪除整個(gè)框。 |
| no-content | 如果內(nèi)容不適合內(nèi)容框，則隱藏整個(gè)內(nèi)容。 |