フィギュアキャプションタグ

4317 ワード
htmlf learnhtml テキストリンク
HTMLでは、図形キャプションタグは、HTMLタグ内に置かれたコンテンツにキャプションまたはタイトルを追加するために使用されます.要素の最初または最後の子要素として配置されます.これはHTML 5の新しい分割要素の一つです.
推定読書時間:3分

文法


このタグは開始タグと終了タグの両方を含んでいます.これらの2つのタグの間に内容が書き込まれます.

<figcaption> caption of the image content </figcaption>

タグ特性： HTML


th, td{ padding: 20px; }
これは画像コンテンツにキャプションを提供するために使用されます.
内容内容
内容は内容を許容します.
△タグ省略なし.タグはその最初または最後の子
無意味アリアの役割
は、アリアの役割を許可しています.
チェンインターフェース
親は親に要素を許した.The

タグ HTMLのサンプル



<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
   <h3>Example of HTML <figcaption> Tag</h3>
    <p>Share Point Anchor</p>
    <figure>
      <img src="https://sharepointanchor.com/wp-content/uploads/2021/01/SPA-LOGO.png">
    <figcaption>SPA-Logo Image </figcaption>
    </figure>
  </body>
</html>

結果:


結果

サンプルファイルをダウンロード


HTML-figcaption-Tag Download

属性


HTMLタグはグローバル属性とイベント属性をサポートします.

タグ スタイリング方法


HTMLフィギュアキャプションタグをスタイルにするには、次のプロパティを使用できます.

タグ スタイルのプロパティを視覚的な重み/強調/テキストのサイズ


  • CSSのフォントスタイル-このCSSプロパティは、通常の、斜体、斜め、初期、継承などのテキストのフォントスタイルを設定するのに役立ちます.

  • CSSフォントファミリー-このCSSプロパティは、選択された要素の1つ以上のフォントファミリー名またはジェネリックファミリ名の優先順位付きリストを指定します.

  • CSSのフォントサイズ-このCSSプロパティは、フォントのサイズを設定するのに役立ちます.

  • CSSフォントウェイト-このCSSプロパティは、フォントが太字であるか太いかどうかを定義するために使用します.

  • CSSテキスト変換-このCSSプロパティは、テキストケースと資本化を制御します.

  • このCSSプロパティは、テキストの装飾線、テキストの装飾色、テキストの装飾スタイルなどのテキストに追加された装飾を指定します.

    • タグ テキストを着色するスタイル


  • このCSSプロパティは、テキストコンテンツと装飾の色を指定します.

  • このCSSプロパティは、要素の背景色を設定するのに役立ちます.

    • タグ テキストレイアウトスタイル


  • このCSSプロパティは、テキストブロック内の最初の行のインデントを指定するために使用されます.
  • *このCSSプロパティは、表示されていないオーバーフローされたコンテンツがどのようにユーザーに通知されるかを記述するのに役立ちます.

  • CSSホワイトスペース-このCSSプロパティは、要素内の空白がどのように扱われるかを説明します.

  • CSSの単語ブレイク-このCSSプロパティは、行が壊れている場所を決定します.

    • タグ その他のプロパティー


  • CSSのテキストの影-このCSSプロパティは、テキストに影を追加するのに役立ちます.

  • CSS text align last -このCSSプロパティはテキストの最後の行の位置を設定します.

  • このCSSプロパティは、線の高さを定義します.

  • CSS文字間隔-このCSSプロパティは、テキスト内の文字/文字間の空白を決定するのに役立ちます.

  • このCSSプロパティは、すべての単語の間隔を指定します.

    • ブラウザサポート:


    ブラウザサポート

    関連記事

  • HTML Aside Tag
  • HTML Caption Tag
  • Basic HTML Definitions and Usages in the Real World
  • HTML Data List Tag
  • HTML Article Tag
    • 郵便HTML Figure Caption Tag 最初に現れたShare Point Anchor .
    pythonで自前のグラフ構造のクラスとその描画を作る
    Jquery操作Table