overflow-clip-margin
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
CSS 属性 overflow-clip-margin 用于确定当元素设置了 overflow: clip 时，其内容在被裁剪前可以绘制到边界之外的距离。由该属性定义的边界称为盒子的溢出裁剪边缘。
语法
css
/* <length> 值 */
overflow-clip-margin: 20px;
overflow-clip-margin: 1em;
/* <visual-box> | <length> */
overflow-clip-margin: content-box 5px;
/* 全局值 */
overflow-clip-margin: inherit;
overflow-clip-margin: initial;
overflow-clip-margin: revert;
overflow-clip-margin: revert-layer;
overflow-clip-margin: unset;
<visual-box> 值（默认为 padding-box）指定了用作溢出裁剪边缘起点的盒子边界。overflow-clip-margin 中指定的 <length> 值必须为非负数。
备注：
如果元素没有设置 overflow: clip，那么该属性将会被忽略。
形式定义
形式语法
overflow-clip-margin =
<visual-box> ||
<length [0,∞]>
<visual-box> =
content-box |
padding-box |
border-box
示例
HTML
html
<div class="box">
人的心只容得下一定程度的绝望，海绵已经吸够了水，即使大海从它上面流过，也不能再给它增添一滴水了。文学就像炉中的火一样，我们从人家借得火来，把自己点燃，而后传给别人，以致为大家所共同拥有。魂牵梦萦在江南，有一片土地，名唤故乡；对酒当歌在烟雨，有一份情愫，称作痴迷。
</div>
CSS
css
.box {
border: 3px solid black;
width: 250px;
height: 100px;
overflow: clip;
overflow-clip-margin: 20px;
}
结果
规范
| Specification |
|---|
| CSS Overflow Module Level 3 # overflow-clip-margin |
浏览器兼容性
Loading…