2008/11/14

overflow, overflow-x, overflow-y

overflow overflow-x overflow-y 1

針對區塊層元素,當元素內容超出元素的矩形格子時,要如何展現。overflow-x 可設定水平方向,超出矩格時的展現法。overflow-y 可設定垂直方向,超出矩格時的展現法。overflow 同時設定水平與垂直方向,超出矩格時的展現法。可設為:

  1. visible:超出矩格的內容,會顯示在矩格外。此為預設值。
  2. hidden:超出矩格的內容,會裁去,不會產生捲軸。
  3. scroll:一律展現捲軸,即便內容沒有超出矩格。
  4. auto:當元素內容超出元素的矩格時,才展現捲軸。
  5. inherit:繼承父元素的特徵值。

測試 overflow

overflow(你正在看 第一頁) : 第一頁 第二頁 第三頁 第四頁