8

奇妙なこと - テキスト (これを別の CSS ファイルに書き込む) の下線と上線の両方を表示する単純な HTML ファイルを取得しようとしています (ただし、「ラインスルー」値でも発生します)。私がチェックしているブラウザは動作しません (私は Chrome、Firefox、Opera、IE、Safari をインストールしました - それらはすべておそらく最新バージョンなので、Chrome バージョン 6 のようなものは何もありません...)。

他の値を削除して 1 つだけを指定すると、機能しますが、別の値を追加すると、テキスト装飾スタイルのすべての効果が消えます。

このスタイルの問題について知っている人はいますか?

前もって感謝します。

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」が OS に登録されているフォントまたはインポートされたフォントの名前でない場合、ほとんどのブラウザでサポートされている「cursive」フォントが表示されます。あなたの場合、それらすべてを一度に行うにはスペースを入れますが、次のような複数のパラメーターを取るいくつかのプロパティ

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

各パラメーターに 1 つの値のみが必要です。ほとんどのブラウザーは、どのパラメーターにどの値が使用され、何を使用するかを解読できます。

お役に立てれば！

于 2016-01-29T01:20:55.763 に答える
-2

複数の値を受け入れる te​​xt-decoration の仕様を見たことがありません。ここを参照してください 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 に答える