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

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

8
html5でキャンバスを中央に配置する方法
しばらくの間、解決策を探していましたが、何も見つかりませんでした。たぶんそれは私の検索用語だけかもしれません。さて、私はブラウザウィンドウのサイズに合わせてキャンバスセンターを作成しようとしています。キャンバスは800x600です。また、ウィンドウが800x600未満になると、ウィンドウのサイズも変更されます（ただし、現時点ではそれほど重要ではありません）。
105 html  canvas  css  resize 
11
CSSで画像の明るさを下げる方法
CSSで画像の輝度を下げたい。何度も検索しましたが、不透明度を変更する方法しかありませんでしたが、画像が明るくなります。誰か私を助けてもらえますか？
105 css 
2
最初の子と最後の子以外のCSSセレクター
非常に高度なウェブサイトを作成しています。私の質問：:first-childおよびを除く他のすべての子を選択することは可能:last-childですか？私は:not()セレクターがあることを知っていますが、括弧内にないセレクターでは機能しません。これは私が持っているものです： #navigation ul li:not(:first-child, :last-child) { background: url(images/UISegmentBarButtonmiddle@2x.png); background-size: contain; }
105 html  css  css-selectors 
3
chart.js v2を使用してチャートの凡例を削除する
Bootstrap、JQuery、Chart.js（v2）を使用してホームページを作成しています。私はv1を使用して実装を機能させていましたが、最近Bowerに入り、それを使用してv2をダウンロードしました。 私はそれぞれが円グラフを含む4列のグリッドを作成していますが、v2でのスケーリングは、私が機能するのを混乱させるようなものです。グラフを反応させて、タブレットやスマートフォンなどの小型のデバイスで適切にスケーリングできるようにしたいのですが、私の問題の1つは、グラフの凡例と、マウスをセクションの上に置くとホバー情報が表示されないことです。チャート。 index.html <body> <div class="container"> <div class="row"> <div class="col-xs-3"> <canvas id="chart1"></canvas> </div> <div class="col-xs-3"> <canvas id="chart1"></canvas> </div> <div class="col-xs-3"> <canvas id="chart1"></canvas> </div> <div class="col-xs-3"> <canvas id="chart1"></canvas> </div> </div> </div> </body> functions.js $(document).ready(function(){ var canvas = $("#chart1"); var data = { labels: [], datasets: [{ data: [10, 10], backgroundColor: ["#F7464A", …
12
CSSのみを使用してHTML要素間にスペースを追加する
私はいくつかの同じHTML要素を次々に持っています： <span>1</span> <span>2</span> <span>3</span> CSSのみを使用して要素間にスペースを追加する最良の方法を探しています [no space] [1] [space 10px] [2] [space 10px] [3] [no space] さらに： 領収書のブラウザの互換性を書き留めてください 更新 はっきりしないようです。次のような追加のHTMLマークアップを使用したくない <span></span> <span></span> <span class="last_span"></span> テーブルを使いたくない CSSによって最初と最後のスパンが自動的にターゲティングされるようにしたい JavaScriptを使用したくない オプションの要件：最後のスパンは親タグの最後の子にすることはできませんが、親タグの最後のスパンになります。スパンの間に他のタグはありません。
105 css  layout  receipt 
6
右ではなく左へのオーバーフロー
overflow:hiddenユーザーが入力するときに電話番号を表示するdivがあります。div内のテキストは右に揃えられ、テキストが左に大きくなるにつれて着信文字が右に追加されます。 ただし、テキストがdivに収まらないほど大きくなると、数字の最後の文字が自動的にトリミングされ、ユーザーは入力した新しい文字を表示できなくなります。 私がしたいことは、divがコンテンツの右端を表示して左側にオーバーフローしているように、左の文字をトリミングすることです。この効果を作成するにはどうすればよいですか？
105 css  html  overflow 
10
ユーザーのブラウザが表示できるすべてのフォントをリストする
ブラウザで表示できるすべてのフォント（またはフォントファミリ）の名前を取得する方法はJavaScriptにありますか？（使用可能なすべてのフォントのリストを含むドロップダウンをユーザーに提供し、ユーザーがフォントを選択できるようにします。）このリストを事前にハードコーディングしたり、サーバーから送信したりする必要はありません。（直感的には、ブラウザはどのフォントを持っているかを知っている必要があり、これはどういうわけかJavaScriptに公開されているはずです。）
105 javascript  css  browser  fonts 
2
最後のフレックスアイテムをコンテナの最後に配置します
この質問は、flexboxを含む完全なcss3サポートを備えたブラウザに関するものです。 いくつかのアイテムが入ったフレックスコンテナがあります。それらはすべてフレックススタートに正当化されますが、最後の .endアイテムをフレックスエンドに正当化する必要があります。HTMLを変更せずに、絶対配置に頼らずにこれを行う良い方法はありますか？ .container { display: flex; flex-direction: column; outline: 1px solid green; min-height: 400px; width: 100px; justify-content: flex-start; } p { height: 50px; background-color: blue; margin: 5px; } <div class="container"> <p></p> <p></p> <p></p> <p class="end"></p> </div> コードスニペットを実行する結果を非表示スニペットを展開
105 css  flexbox 
7
pinterest.comの絶対divスタッキングレイアウトを複製する方法[終了]
休業。この質問はもっと焦点を合わせる必要があります。現在、回答を受け付けていません。 この質問を改善してみませんか？質問を更新して、この投稿を編集するだけで1つの問題に焦点を当てます。 7年前休業。 この質問を改善する 私は、Pinterest.comのdivレイアウトを複製しようとしています。具体的には、列の数がブラウザーのサイズ変更に応じて増減するように調整し、垂直方向の積み重ねが隣接する列の高さに依存しないようにします。ソースコードは、各divが絶対位置であることを示しています。共同創設者は、カスタムjQueryとCSSで行われると述べたQuoraの投稿に回答しました。結果を左から右に並べ替えてください。あなたがそれを私自身にするためにあなたが提供できるどんな方向も大いに感謝されます。
104 jquery  css  layout 
7
ASP.NET MVCのHtml.ActionLinkにCSSクラスを適用するにはどうすればよいですか？
私はVB.NETを使用してASP.NET MVCアプリケーションを構築しており、次のコードを使用してcssクラスをに適用しようとしています。Html.ActionLink <%=Html.ActionLink("Home", "Index", "Home", new {@class = "tab" })%> しかし、コードを実行すると、次のエラーが表示されます。 コンパイラエラーメッセージ：BC30988：タイプまたは 'With'が必要です。 私はMVCに不慣れで、実際に何をしているのかほとんど手がかりがないので、他の場所の例に基づいたコードを使用しているため、何が問題なのかわかりません。
5
Firefox 4のtext-overflow：ellipsis？（およびFF5）
text-overflow:ellipsis;CSSプロパティは、MicrosoftがWeb用の権利を行っていることをいくつかのいずれかでなければなりません。 Firefoxを除いて、他のすべてのブラウザでサポートされています。 Firefox開発者達は2005年以来それについて議論していますが、明らかな要求にもかかわらず、彼らは実際にそれを実装するようには思えません（実験的な-moz-実装でさえ十分です）。 数年前、誰かがFirefox 3をハックして省略記号をサポートする方法を考え出しました。ハックは、-moz-bindingXULを使用して機能を実装する機能を使用します。かなり多くのサイトがこのハックを使用しています。 悪いニュース？Firefox 4は機能を削除してい-moz-bindingます。つまり、このハックは機能しなくなります。 したがって、Firefox 4がリリースされるとすぐ（今月の後半と聞いています）、この機能をサポートできないという問題に戻ります。 だから私の質問は：これを回避する他の方法はありますか？（可能な場合は、JavaScriptソリューションにフォールバックしないようにしています） [編集] 賛成投票がたくさんあるので、知りたいのは私だけではないことは明らかですが、これまでのところ、基本的に「JavaScriptを使用する」という1つの回答を得ています。私はまだJSをまったく必要としないか、最悪の場合、CSS機能が機能しないフォールバックとしてのみそれを使用するソリューションを望んでいます。ですから、質問の報奨金を投稿します。誰かがどこかで答えを見つけた可能性があります。 [編集] 更新：Firefoxが高速開発モードになりましたが、FF5がリリースされているにもかかわらず、この機能はまだサポートされていません。そして今、大多数のユーザーがFF3.6からアップグレードしたので、ハッキングはもはや解決策ではありません。良いニュースは、Firefox 6に追加される可能性があると言われています。Firefox6は新しいリリーススケジュールで数か月でリリースされる予定です。もしそうなら、私はそれを待つことができると思いますが、彼らがそれをもっと早く分類できなかったのは残念です。 [ 最終編集] 省略記号機能がついにFirefoxの "Aurora Channel"（つまり開発版）に追加されたようです。これは、2011年末に予定されているFirefox 7の一部としてリリースされることを意味します。 ここで利用可能なリリースノート：https : //developer.mozilla.org/en-US/Firefox/Releases/7
104 firefox  ellipsis  css 
5
CSSまたはJqueryを使用してleft：0をオーバーライドする方法？
次のCSSを持つ要素があります。 .elem { left: 0; position: fixed; right: 0; width: 60%; z-index: 1000; } 要素は画面全体に広がりません。画面の右側に「整列」させたいのですが。 left：0を削除しただけなら簡単ですが、上記のCSSを改ざんできないため、left：0 CSS をオーバーライド、無効化、または削除するには、CSSまたはJqueryが必要です。 手伝ってくれてありがとう！
104 css  css-position 
4
CSS表示：テーブルの最小高さが機能しない
最新のブラウザでmin-heightを動作させることができることを誰かが知っていますか？CSSテーブルを使用していますが、min-heightを無視しているようです。 <div style="background-color: red; display: table; min-height: 100px;"> abc </div> フィドル
104 css 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.