1.text-transform属性控制文本的大小写
属性值
值 | 描述 |
---|---|
none | 默认。定义带有小写字母和大写字母的标准的文本。 |
capitalize | 文本中的每个单词以大写字母开头。 |
uppercase | 定义仅有大写字母。 |
lowercase | 定义无大写字母,仅有小写字母。 |
inherit | 规定应该从父元素继承text-transform属性的值。 |
2.object-fit属性指定元素的内容应该如何去适应指定容器的宽度和高度。
object-fit一般用于img和video标签,一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等。可以通过使用object-position属性来切换被替换元素的内容对象在元素框内的对齐方式。
值 | 描述 |
---|---|
fill | 默认,不保证保持原有的比例,内容拉伸填充整个内容容器。 |
contain | 保持原有尺寸比例。内容被缩放。 |
cover | 保持原有尺寸比例。但部分内容可能被剪切。 |
none | 保留原有元素内容的长度和宽度,也就是说内容不会被重置。 |
scale-down | 保持原有尺寸比例,内容的尺寸与none或contain中的一个相同,取决于他们两个之间谁得到的对象尺寸会更小一些。 |
initial | 设置为默 |