今までなんとなーくで使っていたので、頭の整理のためにもまとめてみました。 説明 比較プロパティ opacity: 0;...要素の透明度を指定する際に使用 visibility: hidden;...ボックスの表示(visible)・非表示(hidden)を指定する際に使用 display: none;...要素の表示形式を指定する際に使用 比較方法...
Google ChromeのデベロッパーUna氏(@Una)によると、transitionプロパティでdisplayが使用できるようになり、要素の表示・非表示、ポップオーバーなどのアニメーションが簡単なCSSで実装できるようになるとのことです。 An early look at transitioning to and from display: none in CSS pic.twitter...
要素の左側に表示される境界線の幅・スタイル・色をまとめて設定します。 border-left: 10px solid red; これは左側に表示される境界線の幅を10ピクセル、スタイルを実線、色を赤色に設定する記述です。 幅・スタイル・色の3つのパラメータをスペースで区切って記述します。 パラメー...
ノードのstyleClassは、HTML要素に記述できるclass="..."属性に似ています。 「Class Selectors」を参照してください。 シーングラフの各ノードには、id変数である文字列があります。 これは、HTML要素に記述できるid="..."属性に似ています。 ID Selectorsを参照してください。JavaFX...
非表示 子1 子2 子3 子4 リサイズ可能 子1 子2 子3 子4 上下限 リサイズ可能(10em ～ 20em) デフォルトHTML&CSS 概要 文字列や(子要素の)ボックスが(親要素の)ボックスに収まらなくて(あふれて)はみ出す場合に、どのように表示させるか(表示させないか)の設定について。
親要素にposition:static以外の値を設定している場合は親要素の左上が基準位置になります。 position:fixed; position:fixedを指定するとabsoluteと同様に、通常の配置から外れて親要素を基準点とした位置に強制的に配置されます。前述のabsoluteとの違いは、スクロールしても位置が固定されたままという点で...
人の視覚において色は、パッと見の認識に関わる重要な要素です。 左側よりも右側の方が何のSNSボタンなのかわかりやすい印象を受けるので、色使いには注意です。SPのリンクやボタンのタップ幅は大丈夫かスマホは画面が小さいということもあり、またPCとは違って指で操作します。 指の操作で、...
プログラム・コードの表示に使用するフォント・ファミリを定義します フォント・サイズ 次のカスタム・プロパティは、ページ内の基本テキストのフォント・サイズを定義します。見出しやナビゲーション・リンクなどの特定の要素のフォント・サイズは、次のカスタム・プロパティ...
アニメーションする要素は、表示されると[最上位レイヤー](/ja/docs/Glossary/Top_layer)へ移動し、([`display: none`](/ja/docs/Web/CSS/display) で)非表示になると最上位レイヤーから除去されるため、以下のプロパティをトランジションする要素のリストに追加し、双方向でアニメーションが...
center 表示領域の中央に寄せます。(C1/e3/N4/Fx1/Ch1/Op3.5/Sa1) justify 均等割付されます。Internet Explorer 5.5 で実装されていますが、text-justify と共に使用し、かつ、<!DOCTYPE ...> を記述しない非標準モードでのみ動作するようです。(C2/e5.5) match-parent 親要素の属性を継承します...