CSS3 overflow-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 | 如果內容不適合內容框,則隱藏整個內容。 |
