プログラミング css

8

テキストをブロックの中央に垂直方向に揃えることはわかっていますが、line-heightをブロックの同じ高さに設定します。ただし、単語の途中にある文がある場合、それは2emです。文全体の行の高さが包含ブロックと同じである場合、大きいテキストは垂直方向に揃えられますが、小さいテキストは大きいテキストと同じベースライン上にあります。両方のサイズのテキストが垂直方向に揃うように設定するにはどうすればよいですか？

91 css text vertical-alignment baseline

7

ダブルクリックしたときにdiv要素の強調表示を停止する方法

このdiv要素に背景画像があり、それをダブルクリックしたときにdiv要素の強調表示を停止したい。このためのCSSプロパティはありますか？

91 css xhtml tags highlighting double-click

9

HTMLボディ全体を中央に揃える方法は？

HTMLボディ全体を中央に揃えるにはどうすればよいですか？

91 html css

3

最初の選択以外のすべてに対するCSS3セレクターの質問

次のマークアップでは、CSSセレクターで各オプションdiv内の最初の選択メニュー以外のすべてを選択する必要があります。 <div class="options"> <div class="opt1"> <select title="Please choose Warranty"> <option value="">Select Waranty</option> <option value="1">1 year guarantee</option> <option value="2">3 year guarantee</option> </select> </div> <div class="opt2"> <select title="Please choose Color"> <option value="">Select Color</option> <option value="1">Red</option> <option value="2">Blue</option> </select> </div> <div class="opt3"> <select title="Please choose Size"> <option value="">Select Size</option> <option value="1">Small</option> <option value="2">Big</option> …

91 html css css-selectors

4

divを「タブ可能」にするにはどうすればよいですか？

div要素のボタンがあり、ユーザーがキーボードのタブキーを押してボタン間を移動できるようにボタンを作成したいと考えています。テキストをアンカータグでラップしようとしましたが、動作しないようです。誰かが解決策を持っていますか？

91 html css xhtml

5

純粋なCSSの折りたたみ/展開div

psuedoclassを使用する他の誰かのコードに基づく純粋なCSS折りたたみ可能divがあり:targetます。私が設定しようとしているのは、12以上の質問があるページで、+ボタンをクリックすると、回答divが下に展開されます。大量の追加のCSSを記述せずに、このページで複数の折りたたみdiv要素を作成する方法を理解することはできません。私のCSSコードが最小化されるようにこれを書く方法について誰かが提案を持っていますか？（つまり、12以上の質問ごとに一意のセレクターを入力する必要はありません）。これはJSを許可しないwordpress.comサイトで行われているため、Javascriptを使用できません。これが私のjfiddleです：http：//jsfiddle.net/dmarvs/94ukA/4/ <div class="FAQ"> <a href="#hide1" class="hide" id="hide1">+</a> <a href="#show1" class="show" id="show1">-</a> <div class="question"> Question Question Question Question Question Question Question Question Question Question Question? </div> <div class="list"> <p>Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer Answer </p> </div> </div> …

91 css collapsable

7

CSS：「div」内の「ラベル」と「入力」を垂直方向に揃える方法は？

次のコードを検討してください。 HTML： <div> <label for='name'>Name:</label> <input type='text' id='name' /> </div> CSS： div { height: 50px; border: 1px solid blue; } 置くための最も簡単な方法は何だろうlabelとinputの中間にdiv（縦）？

91 css html vertical-alignment

3

フレックス/グリッドレイアウトがボタンまたはフィールドセット要素で機能しない

<button>-tagの内部要素をflexboxので中央に配置しようとしていjustify-content: centerます。しかし、Safariはそれらを中央に配置しません。他のタグにも同じスタイルを適用でき、意図したとおりに機能します（<p>-tagを参照）。ボタンだけが左揃えになります。 FirefoxまたはChromeを試してみると、違いがわかります。上書きしなければならないユーザーエージェントスタイルはありますか？または、この問題に対する他の解決策はありますか？ div { display: flex; flex-direction: column; width: 100%; } button, p { display: flex; flex-direction: row; justify-content: center; } <div> <button> <span>Test</span> <span>Test</span> </button> <p> <span>Test</span> <span>Test</span> </p> </div> コードスニペットを実行するHide resultsスニペットを展開そしてjsfiddle：http：//jsfiddle.net/z3sfwtn2/2/

91 html css safari flexbox css-grid

1

CSSの「url（）」の「〜」チルダは何をしますか？

例えば @import url("~./foobar"); ここで見ましたが、それがパッケージ固有のものなのか、それとも実際のCSS構文なのかはわかりません。

91 css webpack webpack-style-loader

8

ホバー後にマウスアウトでアニメーションを反転する方法

したがって、次のようなマウス出力で逆アニメーションを作成することができます。 .class{ transform: rotate(0deg); } .class:hover{ transform: rotate(360deg); } しかし、@ keyframesアニメーションを使用すると、それを機能させることができませんでした。例： .class{ animation-name: out; animation-duration:2s; } .class:hover{ animation-name: in; animation-duration:5s; animation-iteration-count:infinite; } @keyframe in{ to {transform: rotate(360deg);} } @keyframe out{ to {transform: rotate(0deg);} } 反復とアニメーション自体が必要であることを知っているので、最適な解決策は何ですか？ http://jsfiddle.net/khalednabil/eWzBm/

91 css animation

5

IE11-CSS変数用のポリフィル/スクリプトは存在しますか？

混合Webブラウザ環境（Chrome / IE11）でWebページを開発しています。IE11はCSS変数をサポートしていませんが、IE11でCSS変数を使用できるようにするポリフィルまたはスクリプトは存在しますか？

91 css internet-explorer-11 polyfills

12

TypeError：$（…）.DataTableは関数ではありません

このリンクから、プロジェクトでjQueryのDatatableJSを使用しようとしています。同じソースから完全なライブラリをダウンロードしました。パッケージに含まれているすべての例は正常に機能しているように見えますが、それらを自分のに取り込もうとするWebFormsと、CSS、JSがまったく機能しません。これが私がしたことです： <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <link href="css/jquery.dataTables.css" rel="stylesheet" type="text/css" /> </head> <body> <form id="form1" runat="server"> <div> <table id="myTable" class="display" cellspacing="0" width="100%"> <thead> <tr> <th>Name</th> <th>Position</th> <th>Office</th> <th>Age</th> <th>Start date</th> <th>Salary</th> </tr> </thead> <tfoot> <tr> <th>Name</th> <th>Position</th> <th>Office</th> <th>Age</th> <th>Start date</th> <th>Salary</th> </tr> </tfoot> <tbody> <!-- table body …

91 javascript jquery css asp.net datatables

8

cssの背景画像に相当するsrcsetはありますか

imgsrcset属性付きは、レスポンシブ画像を作成するための優れた方法のように見えます。cssbackground-imageプロパティで機能する同等の構文はありますか？ HTML <img src="small.jpg" srcset="medium.jpg 1000w, large.jpg 2000w" alt="yah"> CSS .mycontainer { background: url(?something goes here?); }

91 html css background-image srcset

2

順序付きリスト番号のスタイルを設定できますか？

順序付きリストの番号のスタイルを設定しようとしています。背景色、境界線の半径、色を追加して、作業中のデザインと一致させたいと思います。それは不可能だと思います。番号ごとに異なる画像を使用する必要があります。 ol li:first-child {list-style-image:url('1.gif')}; ol li:nth-child(2) {list-style-image:url('2.gif');} etc... より簡単な解決策はありますか？

91 html css html-lists sprite

4

：hoverとは反対のCSS疑似クラスはありますか？

指定するCSSの疑似クラスはありますか :not(:hover) それとも、ホバーされていないアイテムを指定する唯一の方法ですか？いくつかのCSS3参照を調べましたが、：hoverの反対を指定するCSS疑似クラスについての言及はありません。

91 css css-selectors pseudo-class

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

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