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

tbodyの高さの幅のオーバーフロースクロールの設定中に問題が発生します。 <style> tbody{ height:50px;display:block;overflow:scroll } </style> <h3>Table B</h3> <table style="border: 1px solid red;width:300px;display:block"> <thead> <tr> <td>Name</td> <td>phone</td> </tr> </thead> <tbody style='height:50px;display:block;overflow:scroll'> <tr> <td>AAAA</td> <td>323232</td> </tr> <tr> <td>BBBBB</td> <td>323232</td> </tr> <tr> <td>CCCCC</td> <td>3435656</td> </tr> </tbody> </table> ここに私のフィドルをご覧ください オーバーフロースクロールのあるテーブルAのようなテーブルBが必要です。 どんな助けでもありがたいです。 Mさん、ありがとうございました。

113 html  css 

いくつかの入力タイプのスタイリングから分析する必要があるので、私はかなり大きな問題を抱えています。私は次のようなものを持っていました： .registration_form_right input:not([type="radio") { //Nah. } しかし、私もチェックボックスのスタイルを設定したくありません。 私はもう試した： .registration_form_right input:not([type="radio" && type="checkbox"]) .registration_form_right input:not([type="radio" && "checkbox"]) .registration_form_right input:not([type="radio") && .registration_form_right input:not(type="checkbox"]) 使い方は&&？||もうすぐ使う必要があり、使い方は同じだと思います。 アップデート： 私はまだ使用する方法がわからない||と&&、正しく。W3ドキュメントに何も見つかりませんでした。

113 css  css-selectors  conditional-operator 

私は <div class="parent"> <div class="child" style="float:right"> Ignore parent? </div> <div> another child </div> </div> 親は持っています .parent { display: flex; } 私の最初の子供のために、私は単にアイテムを右に浮かせたいです。 そして、私の他のdivは、親によって設定されたフレックスルールに従います。 これは可能ですか？ そうでない場合、float: rightアンダーフレックスを行うにはどうすればよいですか？

113 html  css  flexbox 

ラベルと入力フィールドを揃えるためにスタイルを設定したい汎用フォームがあります。何らかの理由でラベルセレクターに幅を指定しても、何も起こりません。 HTML： <form id="report-upload-form" method="POST" action="" enctype="multipart/form-data"> <p> <label for="id_title">Title:</label> <input id="id_title" type="text" class="input-text" name="title"></p> <p> <label for="id_description">Description:</label> <textarea id="id_description" rows="10" cols="40" name="description"></textarea></p> <p> <label for="id_report">Upload Report:</label> <input id="id_report" type="file" class="input-file" name="report"> </p> </form> CSS： #report-upload-form { background-color: #316091; color: #ddeff1; font-weight:bold; margin: 23px auto 0 auto; border-radius:10px; width: 650px; …

112 html  css  label 

IE 8に含まれている要素に影響を与えずにdivの背景の不透明度を設定したいのですが、解決策があります。動的不透明度を使用しているため、1 x 1 .png画像を設定してその画像の不透明度を設定しても応答しません。それ 私はそれを使用しましたが、IE 8では動作しませんでした #alpha { filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; } そして rgba(0,0,0,0.3) また。

112 css  internet-explorer-8  opacity 

とにかく、LESSの出力に直接の子セレクター（>）を適用させる方法はありますか？ 私のスタイルでは、以下のようなものを書きたいです： .panel { ... > .control { ... } } そしてLESSに次のようなものを生成させます： .panel > .control { ... }

112 css  css-selectors  less 

私のサイトではカスタムメイドのWebフォントを使用しています。レンダリング出力のスタイルを設定するために、次のコードを使用しました。 //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; これはSafariとChromeで正常に動作します（エッジがシャープになり、線が細くなります）。FirefoxとOperaに同じスタイルを実装する方法はありますか？

112 css  fonts  webfonts  antialiasing 

Google Chromeユーザーエージェントスタイルシートで次のCSSセレクターを見つけました。 [type="checkbox" i] どういうi意味ですか？

112 css  css-selectors 

CSSでフォントのサイズを設定するとき、パーセント値（%）を使用する必要がありemますか？利点を説明できますか？

112 css  fonts  font-size 

以前にLESS.jsを使用したことがあります。使いやすいです。 <link rel="stylesheet/less" href="main.less" type="text/css"> <script src="less.js" type="text/javascript"></script> SASS.jsを見ました。どうすれば同じように使用できますか？SASSファイルを解析して、HTMLですぐに使用できます。SASS.jsはNode.jsで使用するためのもののようですか？ var sass = require('sass') sass.render('... string of sass ...') // => '... string of css ...' sass.collect('... string of sass ...') // => { selectors: [...], variables: { ... }, mixins: { ... }}

112 css  sass  less 

目標は、<svg>要素がその親コン​​テナのサイズに拡張さ<div>れることです。この場合は、コンテナの大きさに関係なく、です。 コード： <style> svg, #container{ height: 100%; width: 100%; } </style> <div id="container"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" > <rect x="0" y="0" width="100" height="100" /> </svg> </div> この問題の最も一般的な解決策viewBoxは、<svg>要素の属性を設定することです。 viewBox="0 0 widthOfContainer heightOfContainer" ただし、これは、要素内の<svg>要素に事前定義された幅や高さがある場合は機能しないようです。たとえば<rect>、上のコードの要素には、幅と高さが明示的に設定されています。 したがって、明らかな解決策は、これらの要素にも幅と高さを使用することです。しかし、これは実行する必要があるのでしょうか？特に、高さや幅<img src=test.svg >を明示的に設定しても問題なく機能し、問題なく拡張/縮小し<rect>ます。 のような要素<rect>とそのような他の要素の幅と高さをパーセンテージで定義する必要がある場合、Inkscapeでそれを設定して、<svg>ドキュメントのすべての要素が固定サイズの代わりにパーセンテージの幅、高さなどを使用するようにする方法があります。 ？

112 css  html  svg  responsive-design 

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 5年前休業。 この質問を改善する 私はこのWebサイトを検索してプログレスバーを見つけましたが、見つけたものは100％に達するアニメーションサークルを示しています。 下のスクリーンショットのように、特定の割合で停止したいと思います。CSSだけを使用してそれを行う方法はありますか？

112 html  css  progress-bar  progress  css-shapes 

CSS3トランジションの違いは何だease-in、ease-outなどは、？

112 css  css-transitions 

ショートハンドのプロパティbackground-imageとbackground-sizeプロパティを混在させようとしていbackgroundます。W3Cのドキュメントに 基づいて、スラッシュ（）で区切られたプロパティのbackground-size後に来る必要がありbackground-positionます/。 W3Cの例： p { background: url("chess.png") 40% / 10em gray round fixed border-box; } 以下と同等です。 p { background-color: gray; background-position: 40% 50%; background-size: 10em 10em; background-repeat: round round; background-clip: border-box; background-origin: border-box; background-attachment: fixed; background-image: url(chess.png) } MDNも同じことを言っています。これと、これを説明するCSS3の簡単な背景プロパティに関するこの記事も見つけました。 しかし、これは機能していません！またbackground、background-sizeとのbackground-position2つの異なる値background-position-x、background-position-yまたはと同じものがある場合に、省略プロパティを作成する方法も明確ではありませんbackground-size。スラッシュ（/）がどのように行われるかは明らかではありませんか？この例は私のChrome 15では機能しません。 私が略記を作ろうとした例はこのCSSコードです： div { background: url(http://www.placedog.com/125/125) 0 0 / 150px …

112 css 

私はHTML / CSSに非常に慣れていないので、一部のテキストを50％透明のように表示しようとしています。これまでのところ、テキストを完全に不透明に表示するHTMLがあります。 <html><font color=\"black\" face=\"arial\" size=\"4\">THIS IS MY TEXT</font></html> ただし、不透明度を変更する方法がわかりません。オンラインで調べてみましたが、見つけたコードをどう処理すればよいかわかりません。

112 html  css  opacity