CSSユーザーインターフェース

CSS3のユーザーインターフェイス

CSS3は、そのような要素のサイズを変更するなど、新しいユーザーインターフェイス機能を持って概説し、ボックスのサイズ設定。

この章では、次のユーザー・インタフェースのプロパティについて説明します：

• resize
• outline-offset

ブラウザのサポート

表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。

数字は続い-webkit-または-moz-接頭辞で働いていた最初のバージョンを指定します。

CSS3サイズ変更

resizeプロパティは、要素がユーザーによってサイズを変更できるかどうかを指定します。

次の例では、ユーザーが唯一の幅サイズを変更することができます<div>要素を：

次の例では、ユーザーがの高さだけリサイズすることができます<div>要素を：

次の例では、ユーザーが高さと幅の両方のサイズを変更することができます<div>要素を：

CSS3の概要オフセット

outline-offsetプロパティは、要素の輪郭とエッジまたは境界の間にスペースを追加します。

概要は次の3つの方法で国境異なります。

• アウトラインは境界エッジの外側に、要素の周りに線が引かれます
• アウトラインはスペースを取りません。
• アウトラインは非矩形であってもよいです

次の例では、境界線と輪郭との間の15ピクセルのスペースを追加するにはアウトラインオフセット性を使用しています。

CSS3ユーザーインターフェイスのプロパティ

次の表は、すべてのユーザー・インタフェースのプロパティを示しています。