CSS(Cascading Style Sheets)とは、HTMLやXMLをどのように装飾するかを規定する仕様。従来のHTMLを、「構造」と「体裁」を分離するために提唱された。CSSでは、各メディアに合わせて表示を変更することが出来るほか、デフォルトの状態から複数のプロパティを上書きしていくことも可能である。
Questions tagged [css]
701 questions
13
votes
1 answer
body に overflow:hidden; をあてるとなぜスクロールしなくなるのでしょうか？
body {
overflow:hidden;
}
この記述を加えると、コンテンツ量に関わらずブラウザのスクロールバーが消えて、
スクロールができなくなるというのは、よく知られたテクニック？の1つかと思います。
私も簡単なモーダルを実装するときによく使っています。
body.fixed {
…
3chord3code
- 147
- 1
- 6
8
votes
2 answers
数値を含む値にマッチするセレクタ
...
...
...
kosh
- 2,415
- 2
- 13
- 23
6
votes
3 answers
CSSで要素の順番を変更する方法はありますか？
既出・回答ありましたら申し訳ありません。
CSSでレスポンシブレイアウトのサイトを組んでいます。
PCサイト表示時は2カラムレイアウト、スマホサイズで1カラムになる構成になっています。
上図の左側がPC表示時、右側がスマホ表示時になります。
現在上側の構成になっているのですが、下側の順に表示順を変更して欲しいと言う依頼がありました。
A
B
user9396
- 63
- 1
- 3
6
votes
3 answers
input[type=checkbox] に対して :before, :after 疑似要素が使えるのはChromeだけ？
チェックボックスと連動して変化する表示を CSS だけで実装できないかと、以下のようなコードを書きました。これは Chrome 46 では期待通りに動き、チェック状態がテキストで表示されます。
input:before {
content: 'not checked';
position: absolute;
top: 30px;
}
input:checked:before {
content: 'checked';
}
unarist
- 14,871
- 5
- 35
- 78
5
votes
3 answers
「position: static」は相対位置指定ではない？
「positionプロパティを指定しない時に適用される初期値static」は相対位置指定だろうと思い、仕様を確認しているのですが、見つけることが出来ません。
リンク先では下記のように記載されていますが、どういう意味でしょうか？
規定の振る舞いです。フロー内の現在の位置に配置されます
https://developer.mozilla.org/ja/docs/Web/CSS/position
リンクページ下の方で4つに分類していますが、「position:…
re9
- 6,698
- 29
- 124
- 232
4
votes
2 answers
overflow: hiddenが指定された要素を持つinline-blockの高さが親の高さと違う理由
下記のようなHTML/CSSの場合に、クラスwrapperとクラスinline・overflowの高さが異なってしまうのはどうしてでしょうか？
HTML:
CSS:
.wrapper { border: 1px solid red; }
.inline {
…
あいうえお
hiro
- 1,074
- 2
- 10
- 19
3
votes
1 answer
CSSセレクタのh1 + *[rel=up]の意味が分かりません
CSSセレクタ h1 + *[rel=up] の意味が分かりません
W3C Recommendationの
6.4.3 Calculating a selector's specificity
で示されているサンプルコード内の記述なのですが、
h1 +…
masapipo
- 33
- 5
3
votes
1 answer
文章の一部を黒く塗りつぶしたい
こちらの文章で文字の一部だけ黒く塗りつぶしておきたいのですが、何か方法はありますでしょうか。
jqueryをつかった方法はありましたが、できればcssだけでやりたいと思っています。
アリスは川辺でおねえさんのよこにすわって、なんにもすることがないのでとても退屈（たいくつ）しはじめていました。一、二回はおねえさんの読んでいる本をのぞいてみたけれど、そこには絵も会話もないのです。
user37046
- 287
- 4
- 13
3
votes
1 answer
border-spacingをtableの一部の範囲に適用しない
table.ex2
{
border-collapse:separate;
border-spacing:10px 50px;
}
