CSS——内容剪裁与元素可见性

• 内容剪裁

  如果一个绝对定位元素的内容溢出其内容框，而且overflow设置为要求剪裁该内容，通过使用clip可以改变剪裁区域的形状。

  默认值auto表示元素的内容不应剪裁，还可以相对于元素内容区定义一个剪裁形状。这不会改变内容区的形状，而只是改变将显示内容的区域形状。

  clip的值有rect(top，right，bottom，left)、auto、inherit。初始值是auto。应用于绝对定位元素。

  剪裁区域不做修改可使用 ：clip:rect(0,auto,auto,0);

  clip中的所有偏移都是距离左上角的偏移，所以不允许有百分数。

  可以设置负长度值，这会使剪裁区域延伸到元素框之外。

• 元素可见性

  visibility属性可以控制整个元素的可见性。

  visibility的属性值有：visible（表示可见） hidden（表示隐藏） collapse（在css表显示中使用） inherit（继承父元素的属性） .

  visibility属性的初始值是：visible可以应用于所有元素，有继承性。