Joel Olawanle

CSS 的 overflow-clip-margin 属性决定了元素的溢出在被裁剪之前可以超出元素框多远。这个区域称为 **溢出裁剪边缘**。

.element {
  height: 100px;
  overflow: clip; /* required */
  overflow-clip-margin: 

CSS 中的 scale 属性按比例调整元素的宽度和高度。因此，如果我们有一个 100 像素正方形的元素，将其缩放 2 倍，则尺寸将加倍至 200 像素正方形。类似地，一个…

translate CSS 属性允许您将元素从一个位置转移到另一个位置，沿着 X（水平）轴、Y（垂直）轴和 Z（深度）轴，类似于您可能想到的使用…移动元素的方式。

CSS 中的 rotate 属性围绕一个或多个轴旋转元素。将其想象成在元素上戳入一个或多个针脚，并围绕这些点以顺时针和逆时针方向旋转元素，以度为单位测量，…

padding-block 是一个 CSS 逻辑 简写属性，它将 padding-block-start 和 padding-block-end 属性组合到一个声明中，在元素内容周围的 **块**（顶部和底部）方向上创建空间。

.element {
  padding-block: 30px 60px;
  writing-mode: vertical-rl; /* Determines 

padding-inline 是一个 CSS 逻辑 简写属性，它将 padding-inline-start 和 padding-inline-end 属性组合到一个声明中，在元素内容周围的 **内联**（左侧和右侧）方向上创建空间。

.element {
  padding-inline: 30px 60px;
  writing-mode: vertical-rl; /* Determines 

border-block 是一个 CSS 逻辑 简写属性，它将 border-block-color、border-block-style 和 border-block-width 组合到一个声明中。

.element {
  border-block: 5px solid red;
  writing-mode: horizontal-tb;
}

border-block 等效于包括 border-top 和 border-bottom 在内的物理属性…

border-inline 是一个 CSS 逻辑 简写属性，它将 border-inline-color、border-inline-style 和 border-inline-width 组合到一个声明中，为元素的内联（左侧和右侧）方向的边框设置样式。

.element {
  border-inline: 5px solid red;
  writing-mode: horizontal-tb;
}

border-inline…

block-size 是一个 CSS 逻辑属性，当 writing-mode 为水平时定义元素的 **高度**，或当 writing-mode 为垂直时定义元素的 **宽度**。

.element {
  block-size: 700px;
  writing-mode: vertical-lr;
}

block-size 定义在…