PowerApps の HTML テキスト コントロールHTML text control in PowerApps

テキストを表示し、書式設定のための HTML タグを変換するボックスです。A box that shows text and converts HTML tags to formatting.


HTML テキスト コントロールは、プレーンテキストや数値を表示するだけでなく、HTML タグ (改行なしスペースなど) の変換も行います。An HTML text control not only shows plain text and numbers but also converts HTML tags, such as non-breaking spaces.

主要なプロパティKey properties

Color – コントロールのテキストの色です。Color – The color of text in a control.

Font – テキストを表記するフォントのファミリー名です。Font – The name of the family of fonts in which text appears.

HtmlText – HTML テキスト コントロールに表示される、HTML タグを含む可能性のあるテキストです。HtmlText – Text that appears in an HTML text control and that may contain HTML tags.

その他のプロパティAdditional properties

BorderColor – コントロールの境界線の色です。BorderColor – The color of a control's border.

BorderStyle – コントロールの境界線を Solid (実線)、Dashed (破線)、Dotted (点線)、None (なし) のいずれに指定します。BorderStyle – Whether a control's border is Solid, Dashed, Dotted, or None.

BorderThickness – コントロールの境界線の太さです。BorderThickness – The thickness of a control's border.

DisplayMode – コントロールで、ユーザー入力を許可するか (Edit)、データの表示のみを許可するか (View)、許可しないか (Disabled) を設定します。DisplayMode – Whether the control allows user input (Edit), only displays data (View), or is disabled (Disabled).

DisabledBorderColor – コントロールの DisplayMode プロパティが Disabled に設定されている場合のコントロールの境界線の色です。DisabledBorderColor – The color of a control's border if the control's DisplayMode property is set to Disabled.

DisabledFill – コントロールの DisplayMode プロパティが Disabled に設定されている場合のコントロールの背景色です。DisabledFill – The background color of a control if its DisplayMode property is set to Disabled.

Fill – コントロールの背景色です。Fill – The background color of a control.

Height – コントロールの上端と下端の距離です。Height – The distance between a control's top and bottom edges.

HoverBorderColor – コントロール上にユーザーがマウス ポインターを重ねているときのコントロールの境界線の色です。HoverBorderColor – The color of a control's border when the user keeps the mouse pointer on that control.

OnSelect – ユーザーがコントロールをタップまたはクリックした場合のアプリの反応を指定します。OnSelect – How the app responds when the user taps or clicks a control.

PaddingBottom – コントロール内のテキストとそのコントロールの下端間の距離です。PaddingBottom – The distance between text in a control and the bottom edge of that control.

PaddingLeft – コントロール内のテキストとそのコントロールの左端間の距離です。PaddingLeft – The distance between text in a control and the left edge of that control.

PaddingRight – コントロール内のテキストとそのコントロールの右端間の距離です。PaddingRight – The distance between text in a control and the right edge of that control.

PaddingTop – コントロール内のテキストとそのコントロールの上端間の距離です。PaddingTop – The distance between text in a control and the top edge of that control.

Size – コントロールに表示されるテキストのフォント サイズです。Size – The font size of the text that appears on a control.

Tooltip – ポインターをコントロールに合わせたときに表示される説明テキストです。Tooltip – Explanatory text that appears when the user hovers over a control.

Visible – コントロールを表示するか非表示にするかを指定します。Visible – Whether a control appears or is hidden.

Width – コントロールの左端と右端の間の距離です。Width – The distance between a control's left and right edges.

X – コントロールの左端とその親コンテナー (親コンテナーがない場合は画面) の左端間の距離です。X – The distance between the left edge of a control and the left edge of its parent container (screen if no parent container).

Y – コントロールの上端とその親コンテナー (親コンテナーがない場合は画面) の上端間の距離です。Y – The distance between the top edge of a control and the top edge of the parent container (screen if no parent container).

Find( FindString, WithinString )Find( FindString, WithinString )


  1. ラベル コントロールを追加して Source という名前を付け、その Text プロパティを次の文字列に設定します。Add a Label control, name it Source, and set its Text property to this string:

"<p>私たちは、&nbsp;非常に &quot;深い&quot; グローバリゼーションおよびローカライズを行いました。<p>""<p>We've&nbsp;done an unusually &quot;deep&quot; globalization and localization.<p>"

コントロールの追加、命名、構成についてはこちらをご覧くださいDon't know how to add, name, and configure a control?

  1. HTML テキスト コントロールを追加し、その HtmlText プロパティを次の値に設定します。Add an HTML text control, and set its HtmlText property to this value:

    HTML テキスト コントロールは ラベル コントロールと同じテキストを表示しますが、タグを適切な文字に変換します。The HTML text control shows the same text as the Label control but converts the tags to the appropriate characters.

アクセシビリティのガイドラインAccessibility guidelines

HTML テキストは対話型にするためのものではありません。HTML text is not meant to be interactive. テキストの表示目的にのみ使用してください。It should only be used for text display.

色のコントラストColor contrast

以下の間には適切な色のコントラストが必要です。There must be adequate color contrast between:

  • ColorFillColor and Fill
  • カスタムの色とその背景があるテキストText with custom colors and its background

スクリーン リーダーのサポートScreen reader support

  • HtmlText を指定する必要があります。HtmlText must be present.

キーボードのサポートKeyboard support

  • HtmlText には、<button><a><input> などの対話型の要素を含めることはできません。HtmlText should not contain interactive elements like <button>, <a>, or <input>. PowerApps の TabIndex システムでは、HtmlText 内の要素は考慮されません。The TabIndex system in PowerApps does not consider elements inside HtmlText.