プログラミング css

11

Internet Explorerが「border-radius」CSS属性をサポートするかどうか、いつサポートするかを誰かが知っていますか？

158 internet-explorer css

9

コンテンツの高さが可変である場合、divのコンテンツを垂直方向に中央揃えする最良の方法は何ですか。私の特定のケースでは、コンテナーdivの高さは固定されていますが、コンテナーの高さが可変である場合にも機能する解決策があればすばらしいでしょう。また、CSSハックや非セマンティックマークアップをまったく、またはほとんど使用しないソリューションが気に入っています。

158 css vertical-alignment

7

画像を自動的にトリミングして中央に配置する方法

任意の画像が与えられた場合、画像の中心から正方形を切り取り、特定の正方形内に表示します。この質問はこれに似ています：CSSで画像のサイズを変更してトリミングした画像を表示しますが、画像のサイズがわからないため、余白を設定できません。

158 css

8

2列のdivレイアウト：固定幅の右列、左流体

私の要件は単純です：正しい列が固定サイズである2つの列。残念ながら、stackoverflowでもGoogleでも、有効な解決策を見つけることができませんでした。ここで説明されている各ソリューションは、自分のコンテキストで実装すると失敗します。現在の解決策は次のとおりです。 div.container { position: fixed; float: left; top: 100px; width: 100%; clear: both; } #content { margin-right: 265px; } #right { float: right; width: 225px; margin-left: -225px; } #right, #content { height: 1%; /* fixed for IE, although doesn't seem to work */ padding: 20px; } <div class="container"> <div id="content"> …

158 css html

8

CSS3スピンアニメーション

私はかなりの数のデモをレビューしましたが、CSS3スピンを機能させることができない理由がわかりません。Chromeの最新の安定版リリースを使用しています。フィドル：http : //jsfiddle.net/9Ryvs/1/ div { margin: 20px; width: 100px; height: 100px; background: #f00; -webkit-animation-name: spin; -webkit-animation-duration: 40000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 40000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 40000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-transition: rotate(3600deg); } <div></div> コードスニペットを実行する結果を非表示スニペットを展開

158 css css-animations

5

ブートストラップ列を複数の行にまたがらせるにはどうすればよいですか？

Bootstrapで次のグリッドを実行する方法を理解しようとしています。 2つの行にまたがるボックス（1番）をどのように作成するかわかりません。ボックスは、配置された順序でプログラムによって生成されます。ボックス1はウェルカムメッセージです。これに行くための最良の方法についてのアイデアはありますか？

158 css twitter-bootstrap

9

ReactJSは手動クラス名に動的クラスを追加します

通常のクラスのリストに動的クラスを追加する必要がありますが、次のような方法（私はbabelを使用しています）がわかりません。 <div className="wrapper searchDiv {this.state.something}"> ... </div> 何か案は？

158 css reactjs

15

jQueryでCSSプロパティの数値部分だけを取得する方法は？

CSSプロパティに基づいて数値計算を行う必要があります。ただし、これを使用して情報を取得すると： $(this).css('marginBottom') 値「10px」を返します。ただ値の数の一部を取得するトリックはそれがあるかどうかに関係なく、存在しないpxか、%またはemまたは何？

157 javascript jquery css parsing

12

Bootstrap 2を使用して、グリフィコンの色を一部の場所で青に変更します。

UIにBootstrapフレームワークを使用しています。グリフィコンの色を青に変更したいのですが、すべての場所で変更するわけではありません。一部の場所では、デフォルトの色を使用する必要があります。私はこれら2つのリンクを参照しましたが、役立つものは何も見つかりません。 CSSのみを使用してブートストラップアイコンに色を追加できますか？ Bootstrap 3のグリフィコンを白に変更するにはどうすればよいですか？注意：私はBootstrap 2.3.2を使用しています。

157 html css twitter-bootstrap-2

6

Twitter Bootstrapツールチップに複数の行を含める方法は？

現在、以下の関数を使用して、Bootstrapのツールチッププラグインを使用して表示されるテキストを作成しています。マルチラインツールチップが機能するの<br>は\nどうしてですか？リンクのタイトル属性にHTMLを含めないようにしています。機能するもの def tooltip(object) tooltip = "" object.each do |user| tooltip += "#{user.identifier}" + "<br>" end return tooltip end 私が欲しいもの def tooltip(object) tooltip = "" object.each do |user| tooltip += "#{user.identifier}" + "\n" end return tooltip end

157 javascript html css twitter-bootstrap

4

ハイパーリンクからすべてのスタイル/フォーマットを削除する

色の異なる単語（hrefリンク）を含むナビゲーションメニューを作成しています。色を変更しないでください（ホバー、訪問済みなど）。さまざまな状態の色を設定する方法は知っていますが、テキストの色（およびその他のスタイル/フォーマット）をそのままにするコードを知りたいです。助言がありますか？

157 html css href

11

CSSスタイルシートはどの順序でオーバーライドしますか？

HTMLヘッダーには、これがあります。 <head> <title>Title</title> <link href="styles.css" rel="stylesheet" type="text/css"/> <link href="master.css" rel="stylesheet" type="text/css"/> styles.css私のページ固有のシートです。master.cssブラウザのデフォルトを上書きするために各プロジェクトで使用するシートです。これらのスタイルシートのどれが優先されますか？例：最初のシートには特定のものが含まれています body { margin:10px; } 関連するボーダーですが、2番目には私のリセットが含まれています html, body:not(input="button") { margin: 0px; padding: 0px; border: 0px; } 本質的に、CSSのカスケード要素は、スタイルシートの参照に関して、通常のCSS関数と同じように機能しますか？最後の行が表示されたものであることを意味しますか？

157 css overriding stylesheet

15

CSSスプライトで画像を拡大縮小するには

この記事http://css-tricks.com/css-sprites/では、1つの大きな画像から小さな画像を切り取る方法について説明しています。可能かどうか、または小さい画像を切り取って、レイアウトする前に切り取られた領域を拡大縮小する方法を教えてください。以下はその記事の例です。 A { background-image: url(http://www.jaredhirsch.com/coolrunnings/public_images/3deb155981/spriteme1.png); background-position: -10px -56px; } spriteme1.pngから画像を切り抜いた後、その画像をどのように拡大縮小できるか知りたい次に例のURLを示します。http： //css-tricks.com/examples/CSS-Sprites/Example1After/ では、アイテム1、2、3、4の横にあるアイコンを小さくできるかどうか知りたいのですが？

157 css css-sprites

12

同じdiv内の2つのボタンの間にスペースを作成するにはどうすればよいですか？

ブートストラップボタンを水平に配置する最良の方法は何ですか？現時点ではボタンが触れています： <div class="btn-group"> <button class="btn btn-inverse dropdown-toggle" data-toggle="dropdown"> <i class="icon-in-button"></i> Add to list <span class="caret"/> </button> <ul class="dropdown-menu"> <li> <a href="#">here</a> </li> <li> <a href="#">new</a> </li> </ul> <button class="btn btn-info"> <i class="icon-in-button"></i> more </button> </div> 問題を示すjsfiddle：http ://jsfiddle.net/hhimanshu/sYLRq/4/

157 html css twitter-bootstrap

2

1つの要素で2つのCSS3ボックスシャドウを使用する方法はありますか？

2つの影があるPhotoshopのモックアップでボタンスタイルを複製しようとしています。最初の影は内側の明るいボックスの影（2px）であり、2番目はボタンの外側のドロップシャドウ（5px）自体です。 Photoshopではこれは簡単です。インナーシャドウとドロップシャドウです。CSSでは、どちらか一方を同時に使用することはできますが、両方を同時に使用することはできません。ブラウザーで以下のコードを試すと、ボックスシャドウがインセットボックスシャドウをオーバーライドすることがわかります。はめ込みボックスの影は次のとおりです。 box-shadow: inset 0 2px 0px #dcffa6; そして、これがボタンのドロップシャドウに必要なものです。 box-shadow: 0 2px 5px #000; コンテキストとして、これが私の完全なボタンコードです（グラデーションとすべてを含む）。 button { outline: none; position: relative; width: 160px; height: 40px; font-family: 'Open Sans', sans-serif; color: #fff; font-weight: 800; font-size: 12px; text-shadow: 0px 1px 3px black; border-radius: 3px; background-color: #669900; background: -webkit-gradient(linear, left top, …

157 css

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

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