举报投诉联系我们 手机版 热门标签 鳄鱼CMS
您的位置:鳄鱼CMS > css3transform属性 CSS3 punctuation-trim 属性

css3transform属性 CSS3 punctuation-trim 属性

2023-03-25 04:31 CSS参考手册

css3transform属性 CSS3 punctuation-trim 属性

css3transform属性

CSS3 transform属性是CSS3中的一个重要特性,它可以让我们对元素进行2D或3D变换,比如旋转、缩放、移动、倾斜等。它可以让我们创造出非常有趣的效果,而且还能够在不使用图片的情况下实现动画效果。

transform属性有很多不同的值,其中最常用的是rotate()、scale()、translate()和skew()。rotate()可以让元素旋转一定的角度;scale()可以对元素进行缩放;translate()可以将元素在水平或者垂直方向上进行位移;skew()可以对元素进行斜切。

.box { 
    transform: rotate(30deg) scale(1.5) translate(50px, 100px) skew(20deg); 
} 

上面代码中,transform属性将box元素旋转30度、放大1.5倍、水平位移50px、竖直位移100px、斜切20度。

CSS3 punctuation-trim 属性

CSS 参考手册

实例

修剪 p 元素中每行开头的开启标点:

p
{
punctuation-trim:start;
}

浏览器支持

目前主流浏览器都不支持 punctuation-trim 属性。

定义和用法

punctuation-trim 属性规定如果标点位于行开头或结尾处,或者临近另一个全角标点符号,是否对标点符号进行修剪。

默认值: none
继承性: yes
版本: CSS3
JavaScript 语法: object.style.punctuationTrim="start"

语法

punctuation-trim: none|start|end|allow-end|adjacent;
描述
none 不修剪开启或闭合标点符号。
start 修剪每行结尾的开启标点符号。
end 修剪每行结尾的闭合标点符号。
allow-end
adjacent

CSS 参考手册

阅读全文
以上是鳄鱼CMS为你收集整理的css3transform属性 CSS3 punctuation-trim 属性全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 鳄鱼CMS eyucms.com 版权所有 联系我们