タグ

ブックマーク / www.htmq.com (4)

  • <video>タグで動画を埋め込む-HTML5リファレンス

    ■<video>タグで動画を埋め込む 現在、インターネット上で動画が提供される場合には、Flashなどの独自フォーマットを利用するのが一般的です。 こうした独自フォーマットの動画を再生するには、 それぞれのフォーマットを再生するのに必要なプラグインを、ブラウザに追加インストールする必要があります。 HTML5では、任意の動画フォーマットを文書に埋め込むための<video>タグが追加されています。 この<video>タグを使用することで、ユーザーにプラグインをインストールしてもらうことなく、 HTMLからシンプルに動画を扱えるようになります。 感覚的には<img>タグで画像を扱うような感じです。 <video>タグで文書に動画を埋め込む場合には、例えば以下のように記述します。 とてもシンプルです。 ■ユーザー環境への配慮 <video>タグは、旧いブラウザではサポートされていない場合がありま

  • z-index―スタイルシートリファレンス

    z-indexプロパティは、ボックスの重なりの順序を指定する際に使用します。 z-indexプロパティは、positionプロパティでstatic以外の値が指定されている要素に適用されます。 ■値 整数値で指定 重なりの順序を整数で指定します。0を基準として、値が大きいものほど上になります。 auto 親要素と同じ階層になります。これが初期値です。 スタイルシート部分は外部ファイル(sample.css)に記述。 p.sample { color: #000000; background-color: #99cc00; position: relative; top: 50px; z-index: 2; } img.sample { position: relative; top: -50px; z-index: 1; } HTMLソース <html> <head> <link rel="

  • filter-スタイルシートリファレンス

    filterプロパティは、Windows版Internet Explorerが独自に追加したプロパティで、様々な視覚効果を与える際に使用します。 IE5.5以上で使用できる視覚効果とIE4以上で使用できる視覚効果がありますが、それぞれ書式が異なります。 filterプロパティによる視覚効果は、静的な視覚効果と動的な視覚効果に分けることができます。 ■静的な視覚効果(IE5.5以上で使用可、一部はIE4以上で使用可) BasicImage() …… 透過・回転・反転・グレースケールなどを指定する fliph() …… 左右反転する flipv() …… 上下反転する invert() …… 色(色相・明度・彩度)を反転する xray() …… X線効果(グレースケールにして反転)を適用する Alpha() …… 透過表示にする Chroma() …… 特定の色を透明にする MaskFilte

    retmo
    retmo 2010/10/22
  • padding-スタイルシートリファレンス

    スタイルシート部分は外部ファイル(sample.css)に記述。 p.sample1 {background-color: #f8dce0; padding: 10px;} p.sample2 {background-color: #f8dce0; margin: 30px; padding: 10px;} p.sample3 {background-color: #f8dce0; padding: 10px 20px;} p.sample4 {background-color: #f8dce0; padding: 10px 20px 30px;} p.sample5 {background-color: #f8dce0; padding: 10px 20px 30px 40px;} HTMLソース <html> <head> <link rel="stylesheet" href="sa

  • 1