メモログ
💡 Personal notes about somthing I'm interested in input要素にwidth:100%;を指定すると、微妙に包含ブロックからはみ出す。 なんでだろうなあと思っていたんですけど、input要素にはブラウザのデフォルトでpaddingやborderが入っているので、width:100%とするとpaddingやborderのサイズ分はみ出してしまうということでした。 分かってしまうと大した話ではない。 なので、input要素にwidth:100%に広げるときは、box-sizingをborder-boxに設定するか、padding/borderを削るとかすると、はみ出さずにはまる。うむ。 input[type="text"]{ width: 100%; -moz-box-sizing: border-box; -webkit-box-
target疑似クラスを使って、表示をオン・オフする
Vitamin Features » Stay on :target :target pseudo selector tutorial - CSS3 . Info 疑似クラス、疑似要素とは何か - メモログ CSS3にあるtarget疑似クラスをつかって表示をオン・オフすることができるんだよ。それはすごい！というような内容の話。target疑似クラスとはアンカーのあるリンクを特定する方法で、たとえば「#test:target」というCSSは、URLが「/blog//index/#test」の場合にのみ作用します。言い換えると、「test」というリンクをクリックしたあとのページで作用するようなCSSになります。 実際にトラックバック欄で試してみました。下記のCSSを追加しました。 #trackbacks:target #trackbacks-open-content {display:blo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
