********* CSS でよく使用される属性 **********
float: この属性の値は、オブジェクトが浮くかどうか、またその方法を示します。 このプロパティが none に等しくなく、オブジェクトがフローティングになる場合、オブジェクトはブロックレベルのオブジェクト (ブロックレベル) とみなされます。つまり、表示プロパティはブロックと同じになります。つまり、フローティングオブジェクトの表示属性は無視されます。 floatは絶対位置決めと表示が無い場合は適用されません。 none: オブジェクトを浮かさないように設定します left: オブジェクトを左側に浮かせるように設定します right: オブジェクトを右側に浮かせるように設定します ---------- ------------------------ ---------------------------- ---- オーバーフロー: 複合属性。オブジェクトのコンテンツが指定された高さと幅を超えた場合にそのコンテンツを管理する方法を取得または設定します。 デフォルト値:visible 1つだけ指定した場合、その効果はoverflow-x + overflow-yと同等です。 2 つ指定した場合、1 つ目は overflow-x に相当し、2 つ目は overflow-y に相当します。 テーブルの場合、table-layout 属性が固定に設定されている場合、td オブジェクトはデフォルト値の hidden でオーバーフロー属性をサポートします。非表示、スクロール、または自動に設定すると、td サイズを超えるコンテンツはカットされます。表示に設定すると、(方向プロパティの設定に応じて) 余分なテキストが右側または左側のセルにオーバーフローします。 visible: コンテンツを切り取らないでください。 hidden: オブジェクトのサイズを超えるコンテンツをトリミングすると、スクロール バーが表示されなくなります。
スクロール: オブジェクトのサイズを超えるコンテンツをトリミングし、超過したコンテンツをスクロール バーの形式で表示します。
auto: 必要に応じてコンテンツを切り取り、スクロール バーを追加します。これは本文オブジェクトとテキストエリアのデフォルト値です。
no-display: コンテンツが現在のコンテンツ ボックスに収まらない場合、display:none と同様に、ボックス全体が削除されます。 (CSS3)
no-content: コンテンツが現在のコンテンツ ボックスに収まらない場合、visibility:hidden と同様に、コンテンツ全体が非表示になります。 (CSS3)
------------------------------------------ ------ -------------------------------------------- ------ ----
overflow-x: オブジェクトのコンテンツが指定された幅を超えたときにどのように管理されるかを取得または設定します。
デフォルト値:visible
visible:コンテンツを切り取りません。
hidden: オブジェクトの幅を超えるコンテンツをトリミングすると、スクロール バーは表示されません。
スクロール: オブジェクトの幅を超えるコンテンツをトリミングし、超過したコンテンツをスクロール バーとして表示します。
auto: 必要に応じてコンテンツを切り取り、スクロール バーを追加します。これは本文オブジェクトとテキストエリアのデフォルト値です。
no-display: コンテンツが現在のコンテンツ ボックスに収まらない場合、display:none と同様に、ボックス全体が削除されます。
no-content: コンテンツが現在のコンテンツ ボックスに収まらない場合、visibility:hidden と同様に、コンテンツ全体が非表示になります。
---------------------------------------------- --- --------------------------------------
overflow-y : ケーブル または、オブジェクトのコンテンツが指定された高さを超えた場合にそのコンテンツを管理する方法を設定します。
デフォルト値:visible
visible:コンテンツを切り取りません。
非表示: オブジェクトの高さを超えるコンテンツをトリミングすると、スクロール バーが表示されなくなります。
スクロール: オブジェクトの高さを超えるコンテンツをトリミングし、超過したコンテンツをスクロール バーの形式で表示します。
auto: 必要に応じてコンテンツを切り取り、スクロール バーを追加します。これは本文オブジェクトとテキストエリアのデフォルト値です。
no-display: コンテンツが現在のコンテンツ ボックスに収まらない場合、display:none と同様に、ボックス全体が削除されます。
no-content: コンテンツが現在のコンテンツ ボックスに収まらない場合、visibility:hidden と同様に、コンテンツ全体が非表示になります。
---------------------------------------------- --- ------------------------------------------
回転: オブジェクトの回転角度を取得または設定します。
デフォルト値: 0
rotation 回転は、回転ポイントで設定した値を回転オフセットの基準原点として使用します。
境界線、パディング、コンテンツ、および固定されていない背景は、要素の回転に応じて回転します。位置値が静的および相対であるすべての子要素も回転しますが、残りの子要素は回転しません。
rotation 回転は親要素と兄弟要素には影響せず、それらの位置とレイアウトは変更されません。そのため、要素を回転すると、他の要素と重なる可能性があります。
この属性は、transform 属性の回転rotate() に似ており、置き換えられるか放棄される可能性があります。
: 角度を指定します。ネガティブなこともあります
------------------------------------------ ----- -------
rotation-point: 回転時にオブジェクトを取得または設定するときに参照される座標点。
rotation 回転は、rotation-point で設定した値を回転オフセットの基準原点として使用します。
この属性は、transform-origin に似ており、置き換えられるか放棄される可能性があります。
: 座標値をパーセンテージで指定します。
: 座標値を長さの値で指定します。
left: 原点の横座標を左に指定します
center: 原点の横座標または縦座標を中心に指定します
right: 原点の横座標を右に指定します
top: 原点の縦座標を次のように指定しますtop
bottom : 原点の座標をbottomとして指定します
--------------------------------- -------- ----------------------------------
可視性: 設定またはオブジェクトを表示するかどうかを取得します。表示属性とは異なり、この属性は、非表示のオブジェクトが占める物理スペースを予約します。オブジェクトを表示したい場合は、その親オブジェクトも表示する必要があります。
デフォルト値:visible
visible:オブジェクトを表示するように設定します
hidden:オブジェクトを非表示にするように設定します
collapse:主にテーブルの行または列を非表示にするために使用されます。非表示の行または列は、他のコンテンツで使用できます。テーブル外の他のオブジェクトの場合、その機能は非表示と同等です。 IE6 以下では、このパラメーター値はサポートされていません
------------------------------------- ---------------------------------------------------- ---- --------------------------------------
テーブルセル:オブジェクトをテーブルのセルとして指定します。 HTML タグ
(CSS2)
(CSS2)
table-row: オブジェクトをテーブル行として指定します。 HTML タグに似ています
上記は CSS 共通属性 2 の概要です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) にご注意ください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
