css3 punctuation-trim属性笔记

原创 国哥笔记  2019-03-08 15:44  阅读 338 views 次

punctuation-trim属性定义及用法

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

punctuation-trim属性是css3中新增属性,目前主流浏览器都还不支持该属性。

punctuation-trim属性语法格式

  1. css语法:punctuation-trim: none/start/end/allow-end/adjacent;
  2. JavaScript语法:object.style.punctuationTrim="start";

属性值说明

  • none:不修剪开启或闭合标点符号;
  • start :修剪每行结尾的开启标点符号;
  • end:修剪每行结尾的闭合标点符号;
  • allow-end:如果另有不适合之前的理由,修剪每行末尾的结束标点符号;
  • adjacent:若以前相邻字符修剪开口punctuation是一个全形开口,中间或结束标点符号,或表意文字空间。修剪结束标点符号,如果下一个相邻的字符是一个全形关闭或中间punctuation,或表意文字空间;

实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>css3 punctuation-trim属性笔记</title>
<style type="text/css">
p{punctuation-trim:start;}
</style>
</head>
<body>
<p>"CSS3 punctuation-trim 属性"<br/>目前主流浏览器都还不支持该属性。</p>
</body>
</html>

运行结果

目前主流浏览器都还不支持该属性,暂无运行结果

 

更多css属性请移步到——>css属性大全

本文地址:https://www.ggbiji.com/css-punctuation-trim.html
版权声明:本文为 国哥笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情