メインコンテンツにスキップ

ビューのスタイルプロパティ

リファレンス

プロパティ

backfaceVisibility

タイプ
enum('visible', 'hidden')

backgroundColor

タイプ

borderBottomColor

タイプ

borderBottomEndRadius

タイプ
数値

borderBottomLeftRadius

タイプ
数値

borderBottomRightRadius

タイプ
数値

borderBottomStartRadius

タイプ
数値

borderStartEndRadius

タイプ
数値

borderStartStartRadius

タイプ
数値

borderEndEndRadius

タイプ
数値

borderEndStartRadius

タイプ
数値

borderBottomWidth

タイプ
数値

borderColor

タイプ

borderCurve
iOS

iOS 13以降では、境界の角の曲線を変更できます。

タイプ
enum('circular', 'continuous')

borderEndColor

タイプ

borderLeftColor

タイプ

borderLeftWidth

タイプ
数値

borderRadius

角丸の境界線が表示されない場合は、overflow: 'hidden' も適用してみてください。

タイプ
数値

borderRightColor

タイプ

borderRightWidth

タイプ
数値

borderStartColor

タイプ

borderStyle

タイプ
enum('solid', 'dotted', 'dashed')

borderTopColor

タイプ

borderTopEndRadius

タイプ
数値

borderTopLeftRadius

タイプ
数値

borderTopRightRadius

タイプ
数値

borderTopStartRadius

タイプ
数値

borderTopWidth

タイプ
数値

borderWidth

タイプ
数値

cursor
iOS

iOS 17以降では、pointer に設定すると、ポインタ(iOSのトラックパッドやスタイラス、visionOSのユーザーの視線など)がビュー上にあるときにホバー効果が有効になります。

タイプ
enum('auto', 'pointer')

elevation
Android

Androidの基盤となる elevation API を使用して、ビューの標高を設定します。これにより、アイテムにドロップシャドウが追加され、重複するビューのzオーダーに影響します。Android 5.0以降でのみサポートされており、それ以前のバージョンでは効果がありません。

タイプ
数値

opacity

タイプ
数値

pointerEvents

View がタッチイベントのターゲットになるかどうかを制御します。

  • 'auto': Viewはタッチイベントのターゲットになることができます。
  • 'none': Viewはタッチイベントのターゲットになりません。
  • 'box-none': Viewはタッチイベントのターゲットになりませんが、そのサブビューはターゲットになることができます。
  • 'box-only': Viewはタッチイベントのターゲットになれますが、そのサブビューはターゲットになれません。
タイプ
enum('auto', 'box-none', 'box-only', 'none' )