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