本页使用了标题或全文手工转换

模板:zh-em

维基百科,自由的百科全书
跳到导航 跳到搜索

着重文字

文档图示 模板文档[查看] [编辑] [历史] [清除缓存]


着重号

模板参数

参数说明类型状态
要强调的文字1

无描述

字符串必填

技术描述[编辑]

本模板是将HTML强调标记<em>适配中文的实验性实现。在实现稳定后,应将本模板所用的 style 定义移进 em:lang(zh) 选择器下,配以@supports回落判断。

/* 下划线语言为常见错误,可是有些人就是喜欢用 */
em:lang(zh), em:lang(zh_CN), em:lang(zh_TW), em:lang(ja) {
  font-style: normal;
  border-bottom: 2px dotted;
  padding-bottom: .05em;
}

/* 这样做会漏了 Safari 7/8(不支持 @supports 但有着重号),但谁管它呢? */
@supports ((text-emphasis: filled circle), (-webkit-text-emphasis: filled circle)) and
          ((text-emphasis-position: under), (-webkit-text-emphasis-position: under)) {
  em:lang(zh), em:lang(zh_CN), em:lang(zh_TW) {
    -webkit-text-emphasis: filled circle;
    text-emphasis: '・';
    -webkit-text-emphasis-position: under right;
    text-emphasis-position: under right;
  }
  em:lang(ja) {
    -webkit-text-emphasis: open sesame;
    text-emphasis: open sesame;
    -webkit-text-emphasis-position: over right;
    text-emphasis-position: over right;
  }
  em:lang(zh), em:lang(zh_CN), em:lang(zh_TW), em:lang(ja) {
    border-bottom: inherit;
    padding-bottom: none;
  }
}

已知问题[编辑]

  • 未实现漢字標準格式的打点下边框回落。汉字标准格式采用类似Browserhacks的方式予以处理,见源码
  • 按照漢字標準格式实现的 filled circle 着重在“●”较大的字体中显示也会较大。换用 dot(•)则经常又会太小。
    • 似乎用 U+30FB 不错。

参见[编辑]