8

奇怪的东西 - 我正在尝试获取一个简单的 HTML 文件来显示文本的下划线和上划线（但它也发生在“line-through”值上）（将它写在单独的 CSS 文件中）但在任何我正在检查的浏览器不起作用（我已经安装了 Chrome、Firefox、Opera、IE 和 Safari——它们都可能是最新版本，所以不像 Chrome 版本 6...）。

当我删除其他值并仅指定一个时 - 它有效，但当我添加另一个时 - 文本装饰样式的所有效果都消失了。

有谁知道这种风格的问题？

提前致谢。

ps 我将这些值放在同一行，例如：

h1, h2 {
    text-decoration: underline, overline, line-through;
}
4

3 回答 3

11

您需要用空格分隔它们：

h1, h2 {
        text-decoration: underline overline line-through;
    }
<h1> FUNNY </h1>

于 2013-04-28T10:11:24.837 回答
0

        同意 nadavage：我也玩过，发现：CSS 中的逗号用于不支持字体或值的情况。所以如果我写： 

    font-family: 'Lorem Ipsum', cursive;

        如果“Lorem Ipsum”不是操作系统上注册字体的名称或导入的字体，它将显示大多数浏览器支持的“草书”字体。在您的情况下，要一次完成所有这些操作，您将放置空间，但某些属性需要多个参数，例如

    text-shadow: 2px 2px rgba(0, 0, 0, 0.4);

期望每个参数只有一个值 - 大多数浏览器可以破译哪个参数的值以及使用什么。

希望这可以帮助！

于 2016-01-29T01:20:55.763 回答
-2

我从未见过接受多个值的文本装饰规范。见这里http://www.w3.org/TR/CSS2/text.html#propdef-text-decoration（每天学些新东西！）

您可以通过执行以下操作以不同的方式实现。

HTML

<p>Some text here and then <span class="underover">underline and overline</span> and some more text here.</p>

CSS

.underover {
  border-width: 1px 0;
  border-style: solid;
  border-color: blue blue red red;
}

有关示例，请参见此代码笔：http: //codepen.io/keithwyland/pen/Eagbz

于 2013-04-28T10:11:02.787 回答