CSS のマージン縮小: その目的は何ですか?

CSS2 ボックス モデルは、隣接する垂直マージンが崩れることを示しています。これは多くの設計エラーの原因となるため、これは面倒だと思います。マージン縮小の目的を理解することで、マージンをいつ使用するか、不要な場合にマー...

から [CSS3ディスカッショングループ] 2023-10-25 19:38:51 0  1  677

計算に似た式を使用して CSS 変数の計算値を取得します

JavaScript では、getPropertyValue(property) を使用して CSS 変数の値を取得できます。この関数は、:root ブロックで宣言された変数を取得するのに役立ちます。 :root{--e...

から [CSS3ディスカッショングループ] 2023-10-25 09:39:36 1  2  1037

セルに表示される疑似「中央」配置で表内の数値の小数点を配置します。

小数点の前後の長さが異なり、小数点がすべて揃っている、10 進数の列を含むテーブルが必要です。列幅は「フロー」サイズである必要があり、データ セル内の非常に長い数値や列に関連付けられた非常に長いヘッダーを収容するために必...

から [CSS3ディスカッショングループ] 2023-10-24 13:01:47 0  1  761

nth-of-type/nth-child がネストされた要素に対して機能しないのはなぜですか?

div内の奇数divのスタイルを変更しようとしています。何らかの理由で、nth-of-type(odd) が別の div 内にあると、すべての div に影響します。通常および奇数の div のコードは次のとおりです。 ...

から [CSS3ディスカッショングループ] 2023-10-23 10:39:24 0  1  555

透明な半円の切り抜きのある Div

CSS3だけで半円の透明な切り抜きを作りたいと思っています。唯一の要件は、形状を形成するすべての要素が黒または透明であることです。半円は透明で背景が透けて見える必要があるため、黒い長方形の上に白い円を置くことはできません...

から [CSS3ディスカッショングループ] 2023-10-22 17:51:09 0  2  751

SVGで差し込み影を作成する方法

CSS3 にインライン ボックス シャドウがあるのと同じように、インライン シャドウを持つボックスを作成する必要があります。私がこれまでに見つけたのは、feGaussianBlur を使用したフィルターですが、問題は、ボ...

から [CSS3ディスカッショングループ] 2023-10-21 15:57:11 0  2  682

ラップされた子要素に合わせてコンテナを縮小します

次のような状況でフレックスボックスがどのように機能するか（機能するはずですか？...）を理解しようとしています: .holder{width:500px;background:lightgray;display:flex...

から [CSS3ディスカッショングループ] 2023-10-21 10:33:50 0  2  610

テキストエリアを自動的に拡張する

シンプルな自動拡張テキストエリアを作成しようとしています。これは私のコードです: textarea.onkeyup=function(){textarea.style.height=textarea.clientHeig...

から [CSS3ディスカッショングループ] 2023-10-21 08:49:23 0  2  667

JavaScript を使用すると、CSS カスタム プロパティ (CSS 変数とも呼ばれます) にアクセスできます。

JavaScript (プレーンまたは jQuery) を使用して CSS カスタム プロパティ (スタイルシートの var(…) を介してアクセスされるプロパティ) を取得および設定するにはどうすればよいですか?これが...

から [CSS3ディスカッショングループ] 2023-10-20 22:42:04 0  2  711

CSS グリッドの残りのスペースを項目の最後の行に占有させるにはどうすればよいですか?

グリッドの最後の行にある項目の数に関係なく、すべての項目を強制的にその行に埋める方法はありますか?グリッド内の項目の数がわからないため、それらを直接配置することはできません。 Grid-auto-flow:ensembl...

から [CSS3ディスカッショングループ] 2023-10-20 20:39:37 0  1  800

印刷する各ページのマージン/パディング (HTML/CSS) を設定するにはどうすればよいですか?

ページには多くのコンテンツがありますが、どこで中断されるかを制御できません。ヘッダー/フッターとしてposition:fixedを使用して各ページにいくつかのコンテンツを配置しましたが、テキストと重なっています。次の 2...

から [CSS3ディスカッショングループ] 2023-10-20 17:34:03 0  1  924

:nth-child() または :nth-of-type() を任意のセレクターで使用することはできますか?

任意のセレクターに一致する (または一致しない) n 番目の子要素を選択する方法はありますか?たとえば、行のサブセット内の奇数のテーブル行をすべて選択したいとします。 table.myClasstr.row:nth-ch...

から [CSS3ディスカッショングループ] 2023-10-20 17:04:56 0  2  739

CSS セレクターの優先順位/特異性のデコード

CSS セレクターが属性の競合をどのように処理するかを理解したいと考えています。ある物件を別の物件より選択するにはどうすればよいですか? div{背景色:赤;}div.my_class{背景色:黒;}div#my_id{...

から [CSS3ディスカッショングループ] 2023-10-19 22:58:19 0  2  543

Bootstrap 4 のグリッド システム ブレークポイントをカスタマイズする

デザインにデスクトップからタブレット、または xl から lg までそれぞれ 1280 個のブレークポイントが必要なアプリケーションがあります。ただし、Bootstrap 自体には 1200 に xl ブレークポイントが...

から [CSS3ディスカッショングループ] 2023-10-18 23:01:50 0  2  696

SVG パスにグラデーションを追加することはできますか?

スクリプトによってトリガーされる単純な読み込みインジケーターを Web サイトに配置したいと考えています。これは勾配のある単純な円弧であり、ユーザーが待っている間に回転する必要があります。アニメーション部分はまだ試してい...

から [CSS3ディスカッショングループ] 2023-10-18 14:55:02 0  2  636