無法獲得顯示的文本修飾的多個值

有些不可思議 - 我試圖獲取一個simpel HTML文件，以顯示下劃線&覆蓋（但它也發生在「直通」值）文本（寫在一個單獨的CSS文件），但我檢查它的任何瀏覽器不起作用（我已經安裝了Chrome，Firefox，Opera，IE和Safari - 所有這些都可能是最新版本，所以沒有像Chrome版本6 ...）。無法獲得顯示的文本修飾的多個值

當我刪除了其他值，只有一個指定 - 它的工作原理，但是當我添加另一個 - 的文字裝修風格的影響全部消失。

有沒有人知道這種風格的問題？

在此先感謝。

p.s.我將這些值放在同一行上，例如：

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

來源

2013-04-28 GrizzlyMcBear

你需要一個空間來它們分開：

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

<h1> FUNNY </h1>

來源

2013-04-28 10:11:24 nadavge

相關規範是http://www.w3.org/TR/CSS2/text.html#lining-striking-props其中「||」符號表示一個或多個值可以以任何順序出現，用空格分隔（僅）。 – 2013-04-28 10:15:42

謝謝！這我不知道w3的規格！ – keithwyland 2013-04-28 10:18:23

-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; 
}

一個例子來看看這個codepen：http://codepen.io/keithwyland/pen/Eagbz

來源

2013-04-28 10:11:02 keithwyland

想象我驚訝，當我嘗試兩個值，它的工作！漠視！ – keithwyland 2013-04-28 10:12:30

與nadavage約定：我打得四處太，發現：逗號在CSS是爲如果字體或價值不被支持。所以，如果我寫：

font-family: 'Lorem Ipsum', cursive;

如果「Lorem存有」不是OS上註冊的字體的名稱或進口的，它會顯示「草書」字體，在大多數瀏覽器上都支持。在你的情況下，做的所有這些一次，你會放空間，但某些屬性採取多種paremeters，如

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

期望只有一個值對每個參數 - 大多數瀏覽器破譯值是哪個參數和使用什麼。

希望這有助於！

來源

2016-01-29 01:20:55 HarryJamesPotter27

無法獲得顯示的文本修飾的多個值

回答

相關問題