Documentation
Zero One JP
Zero One JP
  • はじめに
  • ホーム
    • ゼロワンの紹介
    • ページエディター
  • 外観
    • 条件付き外観
    • 色
    • 背景
    • ボーダー
    • マージン
    • パディング
    • 高さと幅
    • 最大・最小の高さと幅
    • 書式
    • ポジション
    • レイアウト
    • シャドウ
    • エフェクト
  • プロパティ
    • 基本設定
    • リンク
    • radio
    • インプット
    • 言語ドロップダウン
    • ドロップダウン
  • パレット
    • コンテナ
    • 入力エレメント
    • 基本エレメント
    • Jsonフォーム
    • 非表示
    • カスタム
  • データ
    • データソース
    • 静的
    • Variable
    • Function
    • 文字列
    • 配列、計算と日付
    • 比較と演算子
    • プライバシー
  • スタイル
  • ウィジェット
  • レスポンシブ
  • 書式
  • データベース
  • Storage
  • 変数
  • ワークフロー
    • ページ遷移
    • トリガー
    • アプリケーション
    • ユーザー
    • データベース
    • デバッグ
    • 条件分岐
    • 変数
    • データ
    • ストレージ
    • メディア
    • PWA
    • コード/Javascript
    • モバイルAPI
  • バックエンドワークフロー
  • 翻訳
  • 設定
GitBook提供
このページ内
  • フォーカスされた
  • フォーカスされていない
  • ホバーされた
  • ホバーされていない
  • プレスされた
  • プレスされていない
  • フォーカス時にハイライトする
  • フォーカス時にハイライトしない
  • 異なるフォーカスを表示しない
  • カスタム条件を追加
  • ページ共通の条件を追加
  • プロジェクト共通の条件を追加
  • 検索
  • 変更を記録
  • 条件適用時の外観をプレビュー
  • 削除
  1. 外観

条件付き外観

エレメントにさまざまな状態を付与することができます。

フォーカスされた

「フォーカスされた」とは、対象物が「次の操作」を受けられる状態になることです。「フォーカスされた」を選ぶことでフォーカスされた時のエレメントの状態を設定することが出来ます。

フォーカスされていない

「フォーカスされていない」とは、対象物が「次の操作」を受け入れない状態になることです。「フォーカスされていない」を選ぶことでフォーカスされていない時のエレメントの状態を設定することが出来ます。

ホバーされた

「ホバーされた」とは、エレメントに対してマウスカーソルを置いた状態のことです。「ホバーされた」を選ぶことでホバーされた時のエレメントの状態を設定することが出来ます。

ホバーされていない

「ホバーされていない」とは、エレメントに対してマウスカーソルを置いていない状態のことです。「ホバーされていない」を選ぶことでホバーされていない時のエレメントの状態を設定することが出来ます。

プレスされた

「プレスされた」とは、エレメントがアクティベート(活性化)された時の状態を表現するものです。「プレスされた」を選ぶことでプレスされた時のエレメントの状態を設定することが出来ます。

プレスされていない

「プレスされていない」とは、エレメントがアクティベート(活性化)されていない時の状態を表現するものです。「プレスされていない」を選ぶことでプレスされていない時のエレメントの状態を設定することが出来ます。

フォーカス時にハイライトする

「フォーカス時にハイライトする」とは、フォーカスされたエレメント以外の箇所を暗くして視認性を高めるものです。「フォーカス時にハイライトする」を選ぶことでフォーカス時にハイライトした時のエレメントの状態を設定することが出来ます。

フォーカス時にハイライトしない

「フォーカス時にハイライトしない」とは、フォーカスされてもエレメント以外の箇所を暗くして視認性を高めないことです。「フォーカス時にハイライトしない」を選ぶことでフォーカス時にハイライトしていない時のエレメントの状態を設定することが出来ます。

異なるフォーカスを表示しない

「異なるフォーカスを表示しない」とは、フォーカスが変更されていない状態のことです。「異なるフォーカスを表示しない」を選ぶことでフォーカスが変更されていない時のエレメントの状態を設定することが出来ます。

カスタム条件を追加

「カスタム条件を追加」は、エレメント自体に静的、または動的に条件を追加することができます。

ページ共通の条件を追加

「ページ共通の条件を追加」は、ページ自体に静的、または動的に条件を追加することができます。

プロジェクト共通の条件を追加

「プロジェクト共通の条件を追加」は、アプリ自体に静的、または動的に条件を追加することができます。

検索

検索の部分に文字を入力するとすでにそのエレメントで作成された条件付き外観を部分一致検索することができます。また右横にあるアイコンをクリックすると条件の一覧が表示され、それらを選択することができます。

変更を記録

「変更を記録」を押すことで、その状態の時のデザインを設定することができます。設定が終わったら「変更を終了」を押すことで設定が保存されます。例)フォーカスされた状態の時に色を赤にする。

条件適用時の外観をプレビュー

目のアイコンを押すことで条件適用時の外観を見ることができます。

削除

条件付き外観を削除します。

前へ外観次へ色

最終更新 1 年前