タグ「CSS」による検索結果 4件

Search Form

はてなブックマークのエントリページで特定ユーザのコメントを非表示にするUserCSS

長音表記のガイドライン無視＞タイトル


@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix(http://b.hatena.ne.jp/entry/) {

#bookmark-user-mayokara384,
#bookmark-user-mayokara384,
#bookmark-user-mayokara384,
#bookmark-user-mayokara384,
#bookmark-user-mayokara384
{
    display: none !important;
    /* あるいは -moz-opacity: 0.5 !important; など */
}

}

userstyles.orgとかにあるのかもしれないけど、メモ。

mayokara384の部分を対象とするユーザ名に変える。

CSS: overflow:hidden;とwidth指定でclearfix

クロスブラウザのためのHTML/CSSのテクニック集 | コリス

div#container {
    overflow: hidden;
    width: 100%; /* for IE hasLayout */
}

div#main {
    float: left;
    width: 70%;
}

dl#menu {
    float: right;
    width: 30%;
}

コンテナをoverflow: hidden;にすると計算方法が変わって、offsetHeightもまともな値になるみたい。

CSSはバッドノウハウの総合商社ですね。

CSS2.1のシステムカラー値についてのメモ

CSS 2.1 Specification - 18.2 System Colors

CSS3ではdeprecatedになるみたいですけど。


  • ActiveBorder
  • ActiveCaption
  • AppWorkspace
  • Background
  • ButtonFace
  • ButtonHighlight
  • ButtonShadow
  • ButtonText
  • CaptionText
  • GrayText
  • Highlight
  • HighlightText
  • InactiveBorder
  • InactiveCaption
  • InactiveCaptionText
  • InfoBackground
  • InfoText
  • Menu
  • MenuText
  • Scrollbar
  • ThreeDDarkShadow
  • ThreeDFace
  • ThreeDHighlight
  • ThreeDLightShadow
  • ThreeDShadow
  • Window
  • WindowFrame
  • WindowText

選択されてないのに<span style="background-color:Highlight;color:HighlightText;">選択された状態のスタイル</span>にする

選択されてないのに選択された状態のスタイルにする


ツールチップじゃないのに<span style="background-color:InfoBackground;color:InfoText;border:1px solid #000;">ツールチップっぽい見た目のスタイル</span>にする

ツールチップじゃないのにツールチップっぽい見た目のスタイルにする


ボタンじゃないのに<span style="background-color:ButtonFace;color:ButtonText;border-width:1px;border-style:solid;border-color:ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;">ボタンっぽい見た目のスタイル</span>にする

ボタンじゃないのにボタンっぽい見た目のスタイルにする

pre要素の中身を折り返すクロスブラウザなpre-wrap

css pre-wrap - Google 検索

pre {
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: pre-wrap;      /* CSS3 */
    word-wrap: break-word;      /* IE 5.5+ */
}

なんか常識だったみたい。

実際のところ、スクロールバーはなかなかに鬱陶しいのでこれ使うことにする。