タグ付けされた質問 「css」

あなたがを持っているdivとしましょう、それを明確にしwidth、それに要素を入れてください、私の場合imgはとdivです。 アイデアは、コンテナのコンテンツがdivコンテナdivを引き伸ばし、コンテンツの背景になるというものです。しかし、これを行うとdiv、非フローティングオブジェクトに合わせてコンテナが縮小します。フローティングオブジェクトは、完全に外れるか、ハーフアウト、ハーフインになり、bigのサイズには影響しませんdiv。 どうしてこれなの？私が欠けている何かがあり、どのように私は伸ばすべき項目を浮かべ得ることができますheight含むのがdiv？

274 css  html  css-float 

Chromeの開発ツールを使用して要素を検査しているとき、要素タブの右側の「スタイル」バーには、対応するCSSプロパティが表示されます。時には、これらのプロパティのいくつかは取り消し線が引かれています。これらのプロパティはどういう意味ですか？

274 css  google-chrome  google-chrome-devtools 

を使用して背景色を指定することの違いは何ですか backgroundとはbackground-color？ スニペット＃1 body { background-color: blue; } スニペット＃2 body { background: blue; }

273 css  background  background-color 

通常、textareaは次のように長方形または正方形です。 しかし、たとえば次のようなカスタム形状のテキストエリアが必要です。 これはどのようにして可能ですか？

273 javascript  jquery  html  css 

次のHTMLを検討してください。 <div class='x'> <ul> <li>Number one</li> <li>Number two</li> <li>Number three</li> <li>Number four is a bit longer</li> <li>Number five</li> </ul> </div> および次のCSS： .x { -moz-column-count: 3; column-count: 3; width: 30em; } 現状では、Firefoxは現在これを次のようにレンダリングします。 • Number one • Number three bit longer • Number two • Number four is a • Number five …

272 html  css  css-multicolumn-layout 

フォームの入力要素内にアイコンを配置するにはどうすればよいですか？ ライブバージョン：Tidal Forceテーマ

272 css  forms  input  icons  element 

特定の高さ（または最小高さ）を設定せずに、divに設定した背景のサイズに自動的に調整するにはどうすればよいですか？

270 css  html  background  height 

私が持っているtableそのtdsの動的に作成されています。最初と最後の子を取得する方法は知っていますが、私の質問は次のとおりです。 CSSを使用して2番目または3番目の子を取得する方法はありますか？

270 html  css  css-selectors 

2つのdivを並べてフロートさせる方法を知っています。1つを左に、もう1つを右にフロートします。 しかし、3つのdivでこれを行う方法や、この目的のためにテーブルを使用する必要がありますか？

270 css  css-float 

これは2つの部分からなる質問です。 モーダルの正確な高さがわからないときに、モーダルを垂直に中央に配置するにはどうすればよいですか？ モーダルを中央に配置し、モーダル本体にoverflow：autoを含めることは可能ですか？ただし、モーダルが画面の高さを超えている場合のみですか？ 私はこれを使ってみました： .modal-dialog { height: 80% !important; padding-top:10%; } .modal-content { height: 100% !important; overflow:visible; } .modal-body { height: 80%; overflow: auto; } これにより、コンテンツが垂直画面サイズよりもはるかに大きい場合に必要な結果が得られますが、小さなモーダルコンテンツの場合は、ほとんど使用できません。

270 css  twitter-bootstrap  modal-dialog  center 

SVG出力をページコードに直接インラインで配置する場合、次のようにCSSで塗りつぶしの色を変更するだけです。 polygon.mystar { fill: blue; }​ circle.mycircle { fill: green; } これはうまく機能しますが、背景画像として提供されているときにSVGの「塗りつぶし」属性を変更する方法を探しています。 html { background-image: url(../img/bg.svg); } どうすれば色を変更できますか？可能ですか？ 参考までに、ここに私の外部SVGファイルの内容を示します。 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="320px" height="100px" viewBox="0 0 320 100" enable-background="new 0 0 320 100" xml:space="preserve"> <polygon class="mystar" fill="#3CB54A" points="134.973,14.204 143.295,31.066 161.903,33.77 148.438,46.896 151.617,65.43 134.973,56.679 118.329,65.43 121.507,46.896 108.042,33.77 …

270 html  css  svg 

HTML要素はdel、strike、またはsすべてのテキスト裏抜け効果のために使用することができます。例： <del>del</del> ....与えます： デル <strike>strike</strike> and <s>strike</s> .... gives：ストライキとストライキ text-decoration値を持つCSS プロパティline-throughも同様に使用できます。コード... <span style='text-decoration:line-through'> text-decoration:line-through </span> ...また、次のようにレンダリングされます：text-decoration：line-through ただし、取り消し線は通常、テキストと同じ色です。 CSSを使用して線を別の色にすることはできますか？

268 html  css 

他の要件のためにHTMLを変更できないテンプレートがある場合、HTML 内でその順序になっていないときに、div上にaを上に表示（再配置）するにはどうすればよいdivですか？どちらにもdiv高さと幅が異なるデータが含まれています。 <div id="wrapper"> <div id="firstDiv"> Content to be below in this situation </div> <div id="secondDiv"> Content to be above in this situation </div> </div> Other elements うまくいけば、望ましい結果は次のとおりです。 Content to be above in this situation Content to be below in this situation Other elements 寸法が固定されている場合、必要な場所に配置するのは簡単ですが、コンテンツが可変である場合のアイデアが必要です。このシナリオでは、幅を両方とも100％と見なしてください。 私は特にCSSのみのソリューションを探しています（それがうまくいかない場合は、おそらく他のソリューションで満たす必要があります）。 これに続く他の要素があります。私がデモンストレーションした限られたシナリオを踏まえて、良い提案が述べられました。それが最良の答えである可能性がありますが、これに続く要素が影響を受けないことも確認したいと考えています。

266 html  css 

CSSのみを使用して、ページのiframe内にあるdivのスタイルを変更することはできますか？

266 css  iframe 

簡単な解決策が必要です。私はそれが他のいくつかの質問に似ていることを知っています： 固定ヘッダーと固定列を持つHTMLテーブル？ JavaScriptとCSSを使用して、スクロール時にテーブルの最初の行と最初の列をどのようにロックできますか？ しかし、左の列を1つだけ固定する必要があるので、シンプルでスクリプトを使用しないソリューションを使用します。

266 html  css  html-table