枠線

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

要点

枠線プロパティを使用すると、要素の周囲に実線の輪郭を追加できます。枠線の種類、プリセット値による太さ、色を個別に設定し、要素の境界を視覚的に示すことができます。

1. 説明

枠線を使用すると、要素*要素ページへのリンク*の境界の外周に実線の輪郭が適用されます。要素を周囲から視覚的に区別して構造を明確にし、特定のコンテナーを目立たせることができます。

。

要素の枠線は、太さ、種類、色で設定します。

枠線の太さには、1～5ピクセルのプリセット値を使用できます。小さい値は控えめな区切り線や入力項目の輪郭に適し、大きい値は太い枠や明確な区切りに適しています。

枠線の種類は、実線、点線、破線の3種類から選択できます。

［なし］以外の太さを選択すると、色プロパティを設定できるようになります。

選択肢	説明
［ライブラリー］	デザイントークンライブラリーに用意されているプリセット色から選択します。
［標準］	［ドキュメントの色］、［標準色］、［モノクロ色］から選択します。
［カスタム］	16進数またはRGBコードを直接入力し、色を正確に指定します。

メモ：同じ枠線の太さ、種類、色が四辺すべてに均一に適用されます。

ビルドスペースで要素を選択し、カーソルを合わせたときに表示されるツールバーの三点リーダーをクリックして、右側の［プロパティ］パネルを開きます。
右側のパネルにある［スタイル］タブに移動します。パネル内の［枠線］セクションをクリックして展開します。
［太さ］のドロップダウンをクリックし、［1］、［2］、［3］、［4］、［5］の中からライブラリー値またはカスタム値を選択します。
［種類］のドロップダウンを選択し、［実線］、［破線］、［点線］から枠線の種類を選択します。
［色］のドロップダウンをクリックし、次のいずれかの方法で枠線の色を選択します。
1. ［ライブラリー］タブ：デザイントークンライブラリーからプリセットのカラーバリエーションを選択します。
2. ［標準］タブ：［ドキュメントの色］、［標準色］、［モノクロ色］から選択します。
3. ［カスタム］タブ：16進数またはRGBコードを直接入力します。
変更内容を保存するには、右上の［保存］をクリックします。

枠線は、以下のプリミティブ要素と複合要素で使用できます。また、すべてのプリセットでスタイルプロパティとして使用できます。