• [解決済み】WebKitとは何ですか、CSSとどのような関係があるのですか?

    質問 最近、"webkit" のタグが付いた質問を見かけるようになりました。このような質問は通常、CSS、jQuery、レイアウト、クロスブラウザの互換性の問題などに関するウェブベースの質問であることが多いようです。 では、この "webkit" とは何なのか、そして CSS とどのような関係があるのでしょうか?また、多くの -webkit-... プロパティを使用しています。この2

    2022-05-08 23:35:22
  • [解決済み】無効化されたボタンにCSSでスタイルを付ける

    質問 以下のFiddleにあるような、画像を埋め込んだボタンのスタイルを変更しようとしています。 http://jsfiddle.net/krishnathota/xzBaZ/1/ 例では画像はありませんね。 しているのですが を変更します。 background-color ボタンが無効の場合 ボタンが無効のときにボタン内の画像を変更する 無効時のホバーエ

    2022-05-03 11:29:48
  • [解決済み】フレックスボックスのアイテムを同じサイズにする方法は?

    質問 同じ幅のアイテムが何個かあるフレックスボックスを使いたいのですが、どうすればいいですか?フレックスボックスは、スペースそのものよりも、周りのスペースを均等に分散させることに気づきました。 例えば .header { display: flex; } .item { flex-grow: 1; text-align: center; border: 1px

    2022-05-02 21:56:52
  • [解決済み] 'border: none' と 'border' のどちらを使うべきですか?0'?

    質問 2つの方法のうち、W3C標準に準拠しているのはどちらでしょうか?どちらもブラウザ間で期待通りの動作をしますか? <ブロッククオート border: なし。 ボーダー 0; 解決方法は? どちらも有効です。 それはあなたの選択です。 私は border:0 の方が短いので、読みやすいと思います。しかし none より読みやすい。私たちは非

    2022-05-01 17:33:37
  • [解決済み】CSSでN個目の要素を全て選択する

    質問 ある要素の集合の中で、例えば4番目の要素まで選択することは可能ですか? 例:16個の <div> 要素... みたいな書き方ができる。 div:nth-child(4), div:nth-child(8), div:nth-child(12), div:nth-child(16) は、もっと良い方法があるのでしょうか? どのように解決するのですか?

    2022-04-30 14:40:51
  • [解決済み】Chromeの要素インスペクタでCSSルールがグレーアウトしているのはどういう意味ですか?

    質問 を検査しています。 h2 要素に適用されているはずのCSSルールの一部がグレーアウトしています。 取り消し線はルールが上書きされたことを示すようですが、スタイルがグレーアウトしているのはどういう意味でしょうか? 解決方法は? 私にとっては、現在の回答は問題を十分に説明していなかったので、この回答が他の人にとって有用であることを期待して追加します。 テキストがグレーになって

    2022-04-29 07:37:56
  • [解決済み】CSS印刷。ページ間で半分にカットされたDIVを避けるには?

    質問 私は、アイテムの大きなコレクションを取得し、CocoaのWebView(レンダラーとしてWebKitを使用するので、基本的にこのHTMLファイルはSafariで開かれていると仮定することができます)にHTMLにそれらをポップアップするソフトウェアの一部のためのプラグインを書いています。 DIVの高さはダイナミックに変化するが、それほど大きくは変化しない。通常は200px前後だ。とに

    2022-04-21 21:04:10
  • [解決済み】モバイルウェブのmax-device-widthとmax-widthの違いは何ですか?

    質問 iphone/android携帯用のhtmlページを開発する必要があるのですが、以下の違いは何ですか? max-device-width と max-width ? 画面サイズによってCSSを使い分けたいのですが。 @media all and (max-device-width: 400px) @media all and (max-width: 400px) 何が違う

    2022-04-20 19:34:31
  • [解決済み】H1テキストをロゴ画像に置き換える:SEOとアクセシビリティのための最良の方法?

    質問 いろいろなテクニックがあるようなので、決定的な回答が得られるといいのですが......。 ウェブサイトでは、トップページにリンクするロゴを作成するのが一般的です。検索エンジン、スクリーンリーダー、IE6+、CSSや画像を無効にしているブラウザに最適化しながら、同じことをしたいのです。 例1. h1タグを使用していない。SEO的にはあまりよろしくないのでは? <di

    2022-04-20 14:05:31
  • [解決済み】「margin: 0 auto;」を動作させるためには、具体的に何が必要ですか?

    質問 を設定することは知っています。 margin: 0 auto; は、要素を中央揃え(左右)するために使用します。しかし、自動マージンが機能するためには、要素とその親が特定の条件を満たす必要があることは知っていますが、その魔法をうまく使うことができません。 そこで質問なのですが、ある要素とその親にどのようなCSSプロパティを設定すれば、その要素の margin: 0 auto;

    2022-04-20 10:51:45
  • [解決済み】Chrome / Safariでフレックス親の高さが100%充填されない。

    質問 縦長のメニューを特定の高さで表示させたいのですが。 各子供は親の高さを満たし、テキストは中央揃えにすること。 子供の数はランダムなので、動的な値で作業する必要があります。 Div .container にはランダムな数の子要素 ( .item ) は、常に親の高さを満たす必要があります。これを実現するために、フレックスボックスを使用しました。 テキストが中央に配置

    2022-04-19 22:06:55
  • [解決済み】Angular 2:コンポーネントのホスト要素にスタイルを設定するにはどうすればよいですか?

    質問 Angular 2のmy-compというコンポーネントを持っています。 <my-comp></my-comp> Angular 2でこのコンポーネントのホスト要素をどのようにスタイルするか? Polymerでは、":host"セレクタを使用することになります。Angular 2で試してみました。しかし、それは動作しません。 :host { di

    2022-04-19 20:50:52
  • [解決済み】CSSで、スタイルのセットを宣言するときの「.」と「#」の違いは何ですか?[重複あり]

    質問 この質問はすでにここに回答があります : idとclassの違いは何ですか? (回答数:17件) 閉店 5ヶ月前 . とは

    2022-04-19 19:09:46
  • [解決済み】display:flexを使って残りの縦幅をCSSで埋める。

    質問 3列レイアウトの場合。 一番上の行は、その内容に応じてサイズを調整する必要があります。 下の行の高さはピクセル単位で固定されている必要があります。 中段は、コンテナいっぱいに広がるようにします。 問題は、メインコンテンツが拡張されると、ヘッダーとフッターの行がつぶれてしまうことです。 section { display: flex; fle

    2022-04-19 02:28:06
  • [解決済み】クラスの接頭辞によるCSSセレクタはありますか?

    質問 指定したプレフィックスにクラスが一致する要素に、あるCSSルールを適用したい。 例:divのクラスが以下のように始まる場合に適用されるルールが欲しい。 status- (以下のスニペットではAとC、Bは除く)。 <div id='A' class='foo-class status-important bar-class'></div> <div

    2022-04-18 13:51:05
  • [解決済み】 input type="number "でのwebkitのスピンボタンを無効にする?

    質問 私は、主にモバイルユーザー向けのサイトを持っていますが、デスクトップもあります。 モバイルSafariで <input type="number"> は、数字しか入力できない入力フィールドに数字キーボードを表示させるので、とても効果的です。 しかし、ChromeやSafariでは、数値入力を使用すると、フィールドの右側にスピンボタンが表示され、私のデザイン上、見

    2022-04-18 13:34:23
  • [解決済み】CSSを使用するとキャンバスが伸びるが、width/heightプロパティでは正常

    質問 2つのキャンバスがあり、1つはHTML属性を使用しています。 width と height を使用してサイズを調整するものと、CSSを使用してサイズを調整するものがあります。 <canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canva

    2022-04-18 12:26:08
  • [解決済み】CSS - Overflow: Scroll; - 常に垂直スクロールバーを表示する?

    質問 そこで現在、私は #div { position: relative; height: 510px; overflow-y: scroll; } しかし、一部のユーザーには、そこに多くのコンテンツがあることが明らかであるとは思えません。私の div が実際にはもっと多くのコンテンツを含んでいることを知らずに、ページをスクロールしてしまうかもしれません。私は、heig

    2022-04-18 12:07:52
  • [解決済み】 :after を使って要素の後にスペース(" ")を追加する

    質問 コンテンツの後ろに空白を追加したいのですが content: " "; は動作しないようです。 これは私のコードです。 h2:after { content: " "; } ...これは動作しませんが、これは動作します。 h2:after { content: "-"; } 何が間違っているのでしょうか? どうすればいいですか? 説明

    2022-04-18 06:22:20
  • [解決済み] LessがCSS calc()プロパティをコンパイルしようとするのを防ぐには?

    質問 その 少ない というコンパイラを使用しています( オレンジビッツ と ドットレス1.3.0.5 を積極的に翻訳しています。 body { width: calc(100% - 250px - 1.5em); } に入っています。 body { width: calc(-151.5%); } これは明らかに望ましいことではありません。コンパイル時にこの

    2022-04-18 02:05:15