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

CSS（Cascading Style Sheets）は、HTML（HyperText Markup Language）、XML（Extensible Markup Language）ドキュメント、および色、レイアウト、フォントを含む（これらに限定されない）SVG要素の外観とフォーマットを記述するために使用される表現スタイルシート言語です。とアニメーション。また、画面、紙、音声、またはその他のメディアで要素をレンダリングする方法についても説明します。

11
CSSのリスト項目の箇条書きとしてのUnicode文字
たとえば、リストアイテムの箇条書きとして、星印（★）を使用する必要があります。 私はCSS3モジュールを読みました。箇条書きとしてカスタムテキストを使用する方法を説明するListsですが、私にとっては機能しません。ブラウザは::marker疑似要素をサポートしていないだけだと思います。 画像を使わずにどうすればいいですか？
114 html  css  html-lists 
12
HTML5入力タイプ範囲表示範囲値
範囲スライダーを使用したいWebサイトを作成しています（Webkitブラウザーのみをサポートしていることがわかっています）。 私はそれを完全に統合し、うまく動作します。しかし、私はtextbox現在のスライド値を表示するために使用したいと思います。 つまり、最初のスライダーの値が5である場合、テキストボックスでは5と表示されるはずです。テキストボックスの値をスライドすると、変化するはずです。 私は使用してこれを行うことができますCSSかhtml。避けたいJQuery。出来ますか？
114 html  css  range 
11
CSSで<br>を無視しますか？
&lt;br&gt;一部の見出しのように改行が挿入されているサイトで作業しています。ソースHTMLを編集できない場合、CSSでこれらの改行を無視できる方法はありますか？ 私はモバイルでサイトを最適化しているので、JavaScriptを使いたくありません。
114 css 
8
カバーされた背景領域の明るさに基づいてテキストの色を変更しますか？
もうしばらく前から考えていたので、今から皆さんの意見や考えられる解決策などを知りたいです。 テキストの色を変更したり、親のbackground-imageまたは-colorの覆われたピクセルの平均輝度に応じて、定義済みの画像/アイコンを切り替えたりするプラグインまたはテクニックを探しています。 背景の覆われた領域がかなり暗い場合は、テキストを白にするか、アイコンを切り替えます。 さらに、親がbackground-colorまたは-imageを定義していないかどうかをスクリプトが認識し、最も近いもの（親要素からその親要素まで）を検索し続けるとすばらしいでしょう。 この考えについてどう思いますか？すでに似たようなものはありますか？スクリプト例？ 乾杯、J。
114 javascript  jquery  html  css  sass 
13
ブラウザウィンドウに収まるように画像のサイズを変更するにはどうすればよいですか？
これはささいなことのように見えますが、結局のところ、調査とコーディングを行っても機能しません。条件は次のとおりです。 ブラウザのウィンドウサイズは不明です。したがって、絶対的なピクセルサイズを含むソリューションを提案しないでください。 画像の元の寸法は不明であり、ブラウザのウィンドウに適合しない場合があります。 画像は垂直方向と水平方向の中央に配置されます。 画像の比率を維持する必要があります。 画像はウィンドウ内に完全に表示される必要があります（トリミングしないでください）。 スクロールバーを表示したくない（画像が収まる場合は表示しない）。 ウィンドウのサイズが変更されると、画像は自動的にサイズ変更され、元のサイズより大きくなることなく、利用可能なすべてのスペースを占有します。 基本的に私が欲しいのはこれです： .fit { max-width: 99%; max-height: 99%; } &lt;img class="fit" src="pic.png"&gt; 上記のコードの問題は、機能しないことです。垂直スクロールバーを追加することで、必要な垂直スペースをすべて取ります。 私が自由に使えるのはPHP、Javascript、JQueryですが、CSSのみのソリューションでは殺してしまいます。IEで動かなくてもかまいません。
114 html  css 
3
CSSクラスの順序を指定する方法は？
CSSとclass属性について少し混乱しています。属性値で複数のクラスを指定する順序には意味があるといつも思っていました。後のクラスは前のクラスの定義を上書きする可能性がありますが、これは機能しないようです。次に例を示します。 &lt;html&gt; &lt;head&gt; &lt;style type="text/css"&gt; .extra { color: #00529B; border:1px solid #00529B; /* Blue */ background-color: #BDE5F8; } .basic { border: 1px solid #ABABAB; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;input type="text" value="basic" class="basic"/&gt; &lt;input type="text" value="extra" class="extra"/&gt; &lt;input type="text" value="basic extra" class="basic extra"/&gt; &lt;input type="text" value="extra basic" class="extra basic"/&gt; &lt;/body&gt; &lt;/html&gt; …
113 html  css 
5
別の要素の後に最初に出現する要素を選択します
ページに次のHTMLコードがあります。 &lt;h4&gt;Some text&lt;/h4&gt; &lt;p&gt; Some more text! &lt;/p&gt; 私.cssでは、h4要素をスタイルする次のセレクターを持っています。上記のHTMLコードは、コード全体のほんの一部です。divシャドーボックスに属するラップされたいくつかのs があります： #sb-wrapper #sb-wrapper-inner #sb-body #myDiv h4 { color : #614E43; margin-top : 5px; margin-left : 6px; } だから、私のh4要素には正しいスタイルがありますpが、HTMLでタグのスタイルも設定したいと思います。 これはCSSセレクターで可能ですか？はいの場合、どうすればよいですか？
113 html  css  css-selectors 
4
CSSのマウスダウンセレクターとは何ですか？
ボタンやその他の要素にはデフォルトのスタイルがあり、3つのステップで動作することに気づきました：通常のビュー、ホバー/フォーカスビュー、マウスダウン/クリックビュー、CSSでは通常のビューとホバービューのスタイルを次のように変更できます： button{ background:#333; color:#FFF; } button:hover{ background:#000; color:#EEE; } しかし、どうすればマウスダウンを選択できますか？私はこのようなものが欲しい： button:mousedown{ //some styling } ありがとう
113 html  css  css-selectors 
9
2つのインラインブロックを同じ行で左揃えおよび右揃え
2つのインラインブロックを揃えて、1つを左に、もう1つを同じ線上に配置するにはどうすればよいですか？なぜこれがそんなに難しいのですか？これを達成するためにそれらの間のスペースを消費する可能性のあるLaTeXの\ hfillのようなものはありますか？ インラインブロックではベースラインを揃えることができるため、フロートを使用したくありません。そして、ウィンドウが両方に対して小さすぎる場合、インラインブロックを使用して、text-alignを中央に変更するだけで、上下に中央揃えになります。相対（親）+絶対（要素）の配置には、フロートと同じ問題があります。 HTML5： &lt;header&gt; &lt;h1&gt;Title&lt;/h1&gt; &lt;nav&gt; &lt;a&gt;A Link&lt;/a&gt; &lt;a&gt;Another Link&lt;/a&gt; &lt;a&gt;A Third Link&lt;/a&gt; &lt;/nav&gt; &lt;/header&gt; CSS： header { //text-align: center; // will set in js when the nav overflows (i think) } h1 { display: inline-block; margin-top: 0.321em; } nav { display: inline-block; vertical-align: baseline; } Theryは隣り合っていますがnav、右側に配置します。
113 css  html 
12
margin：autoを使用してdivを垂直方向に揃える
したがって、を使用すると、divを水平方向に中央揃えできることがわかりますmargin:0 auto;。必要がありmargin:auto auto;、私はそれが動作するはずだと思うどのように動作しますか？垂直方向にも中央揃えですか？ なぜうまくいかないのvertical-align:middle;ですか？ .black { position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,.5); } .message { background:yellow; width:200px; margin:auto auto; padding:10px; } &lt;div class="black"&gt; &lt;div class="message"&gt; This is a popup message. &lt;/div&gt; &lt;/div&gt; コードスニペットを実行する結果を非表示スニペットを展開 JSFiddle
113 html  css  centering 
5
：focusでtextareaの境界線の色を変更する方法
これは愚かな質問ですが、私には助けが必要です。TEXTAREAの枠線の色を変更したい。しかし、私のコードは正しく機能していないようです。 親切にフィドルでコードを表示します。 &lt;form name = "myform" method = "post" action="insert.php" onsubmit="return validateform()" style="width:40%"&gt; &lt;input type="text" placeholder="Enter Name." name="name" maxlength="300" class="input"&gt; &lt;input type="email" placeholder="Enter E-mail." name="address" maxlength="300" class="input"&gt; &lt;textarea placeholder="Enter Message." name="descrip" class="input" &gt;&lt;/textarea&gt; &lt;br&gt; &lt;input class="button secondary" type=submit name="submit" value="Submit" &gt; &lt;/form&gt; ここにCSSがあります .input { border:0; padding:10px; font-size:1.3em; font-family:"Ubuntu Light","Ubuntu","Ubuntu …
113 html  css 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.