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度。

在p元素在每一行的开头放置开头标点符号：

p
{
punctuation-trim:start;
}

T任何主流浏览器都不支持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	若以前相邻字符修剪开口punctuation是一个全形开口，中间或结束标点符号，或表意文字空间。修剪结束标点符号，如果下一个相邻的字符是一个全形关闭或中间punctuation，或表意文字空间

阅读全文