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

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

30
テキスト選択の強調表示を無効にする方法
ボタンのように機能するアンカー(たとえば、質問、タグ)スタックオーバーフローページの上部にある[、[ ユーザー]など)またはタブの場合、ユーザーが誤ってテキストを選択した場合に強調表示効果を無効にするCSS標準の方法はありますか? これはJavaScriptで実行できることを理解しています。少しグーグルするとMozillaのみが生成されました -moz-user-selectます。オプションが。 CSSでこれを達成するための標準に準拠した方法はありますか?そうでない場合、「ベストプラクティス」アプローチとは何ですか?

30
<div>を水平方向に中央揃えする方法
OverаэтотвопросестьответынаStack Overflowнарусском:Сделатьблокdivпоцентруродительскореорорллллоооооооооом CSSを使用&lt;div&gt;して別の内部でを水平方向に中央揃えするにはどうすればよい&lt;div&gt;ですか &lt;div id="outer"&gt; &lt;div id="inner"&gt;Foo foo&lt;/div&gt; &lt;/div&gt;
4287 html  css  alignment  centering 

30
CSSを使用してHTML5入力のプレースホルダーの色を変更する
Chromeは要素のプレースホルダー属性をサポートしていますinput[type=text](おそらく他の属性もそうです)。 ただし、以下CSSはプレースホルダーの値には何もしません。 input[placeholder], [placeholder], *[placeholder] { color: red !important; } &lt;input type="text" placeholder="Value"&gt; コードスニペットを実行する結果を非表示スニペットを展開 Valueのgrey代わりに残りますred。 プレースホルダーテキストの色を変更する方法はありますか?


30
CSS親セレクターはありますか?
&lt;li&gt;アンカー要素の直接の親である要素を選択するにはどうすればよいですか? 例として、私のCSSは次のようになります。 li &lt; a.active { property: value; } JavaScriptでこれを行う方法は明らかにありますが、CSSレベル2にネイティブに存在する何らかの回避策があることを願っています。 スタイルを設定しようとしているメニューがCMSによって吐き出されているため、アクティブな要素を要素に移動できません&lt;li&gt;... 何か案は?
3176 css  css-selectors 

19
キャラクターの半分にCSSを適用することは可能ですか?
OverаэтотвопросестьответынаStack Overflowнарусском:Возможнолиспомощьюcss + htmlсделатьдвух-цветныебу 私が探しているもの: キャラクターの半分をスタイルする方法。(この場合、文字の半分が透明になります) 私が現在検索して試したもの(運が悪い): キャラクター/文字の半分をスタイリングする方法 CSSまたはJavaScriptを使用してキャラクターの一部にスタイルを設定する キャラクターの50%にCSSを適用する 以下は私が取得しようとしているものの例です。 このためのCSSまたはJavaScriptソリューションはありますか、それとも画像に頼らなければなりませんか?このテキストは最終的に動的に生成されるため、イメージルートは使用しないことをお勧めします。 更新: 多くの人がなぜ私がキャラクターの半分をスタイルしたいのかと尋ねてきたので、これが理由です。私の市は最近、自分自身の新しい「ブランド」を定義するために$ 250,000を費やしました。このロゴは彼らが思いついたものです。多くの人々は、シンプルさと創造性の欠如について不満を漏らしてきました。私の目標は、このウェブサイトを冗談として思いつくことでした。「ハリファックス」と入力すると、私の意味がわかります。
2817 javascript  html  css 



16
CSSでマージンvsパディングを使用する場合[終了]
休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか?この投稿を編集して、事実と引用で回答できるように質問を更新してください。 2年前休業。 CSSを作成するときにmargin、いつ使用するpaddingか、いつ使用するかを決定する際に使用する必要がある特定のルールまたはガイドラインはありますか?
2357 css  padding  margin 

30
CSSを使用してテキストまたは画像の背景を透明にするにはどうすればよいですか?
CSSのみを使用して、 background、要素のを半透明にし、要素のコンテンツ(テキストと画像)を不透明にすることはできますか? テキストと背景を2つの別個の要素として使用せずに、これを実現したいと考えています。 しようとすると: p { position: absolute; background-color: green; filter: alpha(opacity=60); opacity: 0.6; } span { color: white; filter: alpha(opacity=100); opacity: 1; } &lt;p&gt; &lt;span&gt;Hello world&lt;/span&gt; &lt;/p&gt; コードスニペットを実行するHide resultsスニペットを展開 子要素は親の不透明度の影響を受けているように見えるため、親のopacity:1に対して相対的opacity:0.6です。
2283 html  css  opacity 

30
ブラウザウィンドウのdivの高さを100%にする方法
左divと右の2列のレイアウトがありますdiv。 右側divには灰色background-colorがあり、ユーザーのブラウザウィンドウの高さに応じて垂直方向に拡大する必要があります。現在、background-colorその最後のコンテンツで終了していdivます。 私が試したheight:100%、min-height:100%;など、
2140 html  css  height 

30
高さを遷移するにはどうすればよいですか:0; 高さ:自動; CSSを使用していますか?
&lt;ul&gt;CSSトランジションを使用してスライドダウンを作成しようとしています。 はに&lt;ul&gt;始まりますheight: 0;。ホバーすると、高さがに設定されheight:auto;ます。ただし、これにより、遷移ではなく、単に表示されます。 からheight: 40px;まで実行すると、までheight: auto;スライドしheight: 0;、突然正しい高さにジャンプします。 JavaScriptを使用せずにこれを他にどのように実行できますか? #child0 { height: 0; overflow: hidden; background-color: #dedede; -moz-transition: height 1s ease; -webkit-transition: height 1s ease; -o-transition: height 1s ease; transition: height 1s ease; } #parent0:hover #child0 { height: auto; } #child40 { height: 40px; overflow: hidden; background-color: #dedede; -moz-transition: height 1s …
2136 css  css-transitions 


21
画像の横にテキストを垂直に配置しますか?
なぜvertical-align: middle動作しないのですか?そして、まだ、vertical-align: top ない仕事を。 span{ vertical-align: middle; } &lt;div&gt; &lt;img src="http://lorempixel.com/30/30/" alt="small img" /&gt; &lt;span&gt;Doesn't work.&lt;/span&gt; &lt;/div&gt; コードスニペットを実行する結果を非表示スニペットを展開

22
ユーザーがリストアイテムの上にカーソルを置いたときにカーソルを手にする
リストがあり、そのアイテムのクリックハンドラーがあります。 &lt;ul&gt; &lt;li&gt;foo&lt;/li&gt; &lt;li&gt;goo&lt;/li&gt; &lt;/ul&gt; マウスポインターをハンドポインターに変更するにはどうすればよいですか(ボタンの上にカーソルを置いたときなど)。現在、リストアイテムにカーソルを合わせると、ポインターがテキスト選択ポインターに変わります。
1958 css 

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.