前端非常实用的CSS属性有哪些

1. 1、inline-size
2. 2、block-size
3. 3、:out-of-range / :in-range
4. 4、writing-mode
5. 5、conic-gradient()
6. 6、clamp()
7. 7、max() / min()
8. 8、scroll-behavior
9. 9、resize
10. 10、-webkit-line-clamp
11. 11、all
12. 12、box-decoration-break
13. 13、caret-color
14. 14、clip-path / shape-outside
• 不裁剪
• 圆形裁剪
• 椭圆裁剪
• 多边形裁剪
• 默认矩形环绕
• 圆形环绕
• 椭圆环绕
• 多边性环绕
15. 15、object-fit / object-position
16. 16、font-stretch
17. 17、font-variant-caps
18. 18、font-variant-east-asian
19. 19、max-content / min-content / fill-available / fit-content
• fill-available
• max-content
• min-content
• fit-content
20. 20、fit-content()

1、inline-size

和元素的 width，height 效果一样，都会改变盒子的大小。但是会覆盖 width，height 值。

不同在于，width 是绝对的水平方向，height 是绝对的竖直方向；

而 inline-size 是相对的水平方向，可通过 writing-mode 模式，改变方向

20、fit-content()

这个不同于上面的 fit-content 值，它是函数，用在 grid 布局当中。

(略)

具体查看 grid 布局。