CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSS再生中プロパティ

このプロパティは、要素のコンテンツが話されているときに背景として再生されるサウンドを指定します。可能な値は次のいずれかです-

  • URI −こので指定されたサウンドは、要素のコンテンツが話されている間、背景として再生されます。
  • ミックス −存在する場合、このキーワードは、親要素の play-duringから継承されたサウンドを意味します。 プロパティは引き続き再生され、 uriによって指定されたサウンド それと混合されます。 ミックスの場合 が指定されていない場合、要素の背景音が親の背景音に置き換わります。
  • 繰り返し −存在する場合、このキーワードは、要素の全持続時間を埋めるには短すぎる場合にサウンドが繰り返されることを意味します。それ以外の場合、サウンドは1回再生されてから停止します。
  • 自動 −親要素のサウンドは引き続き再生されます。
  • なし −このキーワードは、沈黙があることを意味します。

例

次のコードを試して、CSSplay-duringプロパティを実装できます-

<style>
   <!--
      blockquote.sad { play-during: url("violins.aiff") }
      blockquote q { play-during: url("harp.wav") mix }
      span.quiet { play-during: none }
   -->
</style>

  1. CSSの概要

    Web要素をデザインするときに、ページ上の要素の周囲にアウトラインを表示することを決定する場合があります。たとえば、ハイライトしたいボックスをデザインしている場合、要素に注意を引くために、ボックスの周りに色付きのアウトラインを追加することができます。 そこでCSSのoutlineプロパティが登場します。outlineプロパティを使用すると、要素の境界の外側に線を追加して、要素をWebページ上で目立たせることができます。 このチュートリアルでは、例を使用して、アウトラインの基本と、CSSアウトラインプロパティを使用してWeb要素の境界の外側に線を描画する方法について説明します。このチュートリ

  2. CSS垂直整列プロパティ

    CSSを作成するときに、ページ上での要素の配置方法を変更したい場合があります。この記事では、CSSプロパティと、要素の垂直方向の配置方法を変更するプロパティ値について説明します。 プロパティの構文は次のとおりです。 vertical-align: property-value; ここで、property-valueには、baseline、length、sub、super、top、text-top、middle、bottom、text-bottom、initial、inheritのいずれかのオプションを含めることができます。 プロパティ値 ベースライン `baseline`プロパティ値は