hanging-punctuation

这篇翻译不完整。请帮忙从英语翻译这篇文章

hanging-punctuation CSS属性指定了标点符号应该放在文本句子的开头还是结尾。悬挂标点符号可能被放在线框外。
 
/* Keyword values — single */
hanging-punctuation: none;
hanging-punctuation: first;
hanging-punctuation: last;
hanging-punctuation: force-end;
hanging-punctuation: allow-end;

/* Keyword values — two */
hanging-punctuation: first force-end;
hanging-punctuation: first allow-end;
hanging-punctuation: first last;
hanging-punctuation: last force-end;
hanging-punctuation: last allow-end;

/* Keyword values — three */
hanging-punctuation: first force-end last;
hanging-punctuation: first allow-end last;

/* Global values */
hanging-punctuation: inherit;
hanging-punctuation: initial;
hanging-punctuation: unset;

初始值none
适用元素all elements
是否是继承属性yes
适用媒体visual
计算值as specified
Animation typediscrete
正规顺序the unique non-ambiguous order defined by the formal grammar

语法

这个属性可被指定多个值,可以是一个值,也可以是两个值,或者是三个值。

一个值 语法:在下面列表中的任意一个值。

两个值 语法:

  • 或者与以下任何一个一起使用,并以它们结尾:last,allow-end或force-end
  • 或者与以下任何一个一起使用,并以它们开头:first,allow-end或force-end。

三个值 语法:

  • 或者first, allow-end, 和last
  • 或者 first, force-end, 和 last.

取值

none
No character hangs.
first
显示元素的第一个格式化行开头的括号或引号。
last
显示元素的最后一个格式化行结尾的括号或引号。
force-end
显示行结尾处的句号或逗号。
allow-end
如果预先没有其它适合的来适应的,则在行尾显示句号或逗号。

正式语法

none | [ first || [ force-end | allow-end ] || last ]

示例

HTML

<p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur dignissim nunc mauris, et sollicitudin est scelerisque sed. Praesent laoreet tortor massa, sit amet vulputate nulla pharetra ut.”</p>

CSS

p {
  hanging-punctuation: first;
  margin: .5rem;
}

Result

 

Specifications

文档标签和贡献者

 此页面的贡献者: catherinejing, LJJ1996
 最后编辑者: catherinejing,