#?SuikaWiki/0.9 [1] お題: 利用者スタイル・シートの役立ちそうな部分を晒せ ([[名無しさん]]) [2] body[bgcolor="#efefef"][text=black][link=blue][alink=red][vlink="#660099"] dd, body[bgcolor="#efefef"][text="#000000"][link="#0000FF"][alink="#FF0000"][vlink="#660099"] dd, body[background="http://www6.ocn.ne.jp/~mirv/ba.gif"] dd { line-height: 100%; font-family: "\00FF2D\00FF33\000020\00FF30\0030B4\0030B7\0030C3\0030AF" !important; } [[2ch]] のスレを [[MSPゴシック]]で表示する。普段は他のフォントを使ってるヤシ向け ([[名無しさん]]) [3] 新窓で開くアンカーや [[JavaScript]] が動くアンカーでそのことを表示。 a[target]:after { content: " [" attr(target) "]"; } a[href^="javascript:"]:after { content: " [" attr(href) "]"; } ([[名無しさん]]) [5] nextid:before { display: inline; content: ""; color: GrayText; background-color: Window; } nextid[n]:before { content: ""; } nextid[id]:before { content: ""; } 注: =[[Mozilla]] 1.3b は [[nextid]] 要素不対応らしく、要素終了位置を正しく判定できないし、そもそも [[body]] 要素の子要素に補正されてしまう。 =よって、要素本体や :[[after]] 擬似要素は触らない方が無難。 =太古の [CODE(HTML)[]] のようなのは流石に CSS だけでは無理。 ([[なつかしの要素を再現]]) [6] typewriter { display: block; margin: 1em 0; white-space: pre; font-family: -moz-fixed; } [[pre]] 要素と同じ定義。 ([[なつかしの要素を再現]]) [7] dir > li { display: inline; margin-right: 2em; list-style-item: none; } [[dir]] 要素の本来のレンダリングは [[Un*x]] の [[ls]] 命令みたいなものなんじゃないかと思って作ってみた。 けど、 CSS2 だけで実現はむりぽ。 ([[名無しさん]]) [[#form:'%submit(label=>書き込む); %text(label=>"名前 : ",id=>name,size=>"9.5"); %text(label=>"メイル: ",id=>mail,size=>9.5); %check(default,id=>record-date,label=>日付を記録);%n;%textarea(id=>msg,size=>35,lines=>5);':'[%index;] %text(source=>msg); (%name;%text(source=>mail,prefix=>" [",suffix=>"]");%iif(source=>record-date,true=>" [WEAK[%date;]]");)%n;':'%require(msg);']] - [4] ''ユーザースタイルシートのススメ - Personnel''