質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

2623閲覧

CSS3ではなぜ「音声」に関するプロパティが廃止されたのですか?

yaskaa

総合スコア8

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2018/04/28 05:05

質問内容

タイトルの通りなのですが、CSS2で導入された「音声」に関するプロパティは、なぜCSS3おいてほとんどが廃止となってしまったのでしょうか?
たとえば下記のようなプロパティです。

css

1.hoge{ 2 voice-family:female; 3 speech-rate:slow; 4 speak-numeral:digits; 5 elevation:30deg; 6}

ちょっとした疑問なのですが、気になってしまいました。
以上、よろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

CSS2で導入された「音声」に関するプロパティは、なぜCSS3おいてほとんどが廃止となってしまったのでしょうか?

いえ、CSS 3でもSpeech Moduleが存在していて、voice-familyなどの機能も存在しています(W3C有志の和訳)。

投稿2018/04/28 05:13

maisumakun

総合スコア145184

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yaskaa

2018/04/28 05:25

ご回答ありがとうございます。 機能は存在しているのですね。ただ自分のブラウザ(chrome)では例えばspeech-rateが「Unknown property name」となるのですが、これはCSS3としては存在するもののブラウザが認識しない、ということなのでしょうか?
maisumakun

2018/04/28 05:27

他の人の回答にもありますが、speech-rateはvoice-rateに変わっています。
guest

0

ベストアンサー

CSS3 では CSS Speech Module で再定義された(そもそも CSS 2.1 では草案でしかない)のですが?

実際、上げられたのは CSS3 では

CSS

1.hoge { 2 voice-family: female; 3 voice-rate: slow; 4 speak-as: digits; 5}

になります。
※elevation は CSS 2.1 で廃止済み。将来的には voice-balance で左右だけでなく上下方向の角度も設定できるように拡張される可能性はある

参考:CSS3 の日本語訳集CSS Speech Level 3

投稿2018/04/28 05:25

tacsheaven

総合スコア13703

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yaskaa

2018/04/28 05:40

丁寧なご回答をありがとうございます。 ちなみにchromeでは「voice-family」が「Unknown property name」となるのですが、ブラウザが対応していないだけということなのでしょうか?
think49

2018/04/28 06:18 編集

> chromeでは「voice-family」が「Unknown property name」となるのですが、 実装されていないのでしょうね。 そもそも、Google Chromeに「音声読み上げ機能」が実装されているのでしょうか。 『CSS Speech Module』はスクリーンリーダを想定しているように読み取れます。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問