举报投诉联系我们 手机版 热门标签 名动网
您的位置:名动网 > css3transform属性 CSS3 font-stretch 属性

css3transform属性 CSS3 font-stretch 属性

2023-03-18 05:20 CSS参考手册

css3transform属性 CSS3 font-stretch 属性

css3transform属性

CSS3 transform属性是CSS3中的一个重要属性,它可以让元素在2D或3D空间中进行变换,包括旋转、缩放、倾斜、平移等。它可以让你创造出非常有趣的效果,而且不需要使用图片或Flash。

transform属性有很多不同的子属性,它们都是用来定义元素的变形效果。这些子属性包括rotate()、scale()、skew()、translate()等。

transform: rotate(45deg);  //旋转45度 
transform: scale(2,1.5);  //水平方向放大2倍,竖直方向放大1.5倍 
transform: skew(30deg,20deg);  //水平方向倾斜30度,竖直方向倾斜20度 
transform: translate(50px,100px); //水平方向位移50px,竖直方向位移100px

CSS3 font-stretch 属性

CSS3 font-stretch 属性


实例

让所有的div元素的文本更宽:

div
{
font-stretch: expanded;
}


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

目前没有主流浏览器支持font-Stretch属性。


属性定义及使用说明

font-Stretch属性允许你使文字变宽或变窄。

默认值: none
继承: yes
版本: CSS3
JavaScript 语法: object.style.fontStretch="expanded"


语法

font-stretch: wider|narrower|ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|inherit;

说明
wider 使得文本更宽
narrower 使得文本窄
ultra-condensed 使文本窄得不能再窄
extra-condensed 指定紧缩程度第二大的字体
condensed 指定略微紧缩程度第二大的字体
semi-condensed 指定略微紧缩的字体
normal 指明字体既不紧缩也不加宽
semi-expanded 指定略微加宽的字体
expanded 指定加宽的字体
extra-expanded 指定加宽程度第二大的字体
ultra-expanded 指定加宽程度最大的字体
inherit 指定该属性与元素父项的属性采用相同的计算值
阅读全文
以上是名动网为你收集整理的css3transform属性 CSS3 font-stretch 属性全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 名动网 mdwl.vip 版权所有 联系我们