[1] お題: 利用者スタイル・シートの役立ちそうな部分を晒せ ([[名無しさん]]) [2] [PRE[ 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; } ]PRE] [[2ch]] のスレを [[MSPゴシック]]で表示する。普段は他のフォントを使ってるヤシ向け ([[名無しさん]]) [3] 新窓で開くアンカーや [[JavaScript]] が動くアンカーでそのことを表示。 [PRE[ a[target]:after { content: " [" attr(target) "]"; } a[href^="javascript:"]:after { content: " [" attr(href) "]"; } ([[名無しさん]]) ]PRE] [5] nextid:before { [PRE[ display: inline; content: ""; color: GrayText; background-color: Window; } nextid[n]:before { content: ""; } nextid[id]:before { content: ""; } ]PRE] 注: = [[Mozilla]] 1.3b は [[nextid]] 要素不対応らしく、要素終了位置を正しく判定できないし、そもそも [[body]] 要素の子要素に補正されてしまう。 = よって、要素本体や :[[after]] 擬似要素は触らない方が無難。 = 太古の [CODE(HTML)[]] のようなのは流石に CSS だけでは無理。 ([[なつかしの要素を再現]]) [6] typewriter { [PRE[ display: block; margin: 1em 0; white-space: pre; font-family: -moz-fixed; } ]PRE] [[pre]] 要素と同じ定義。 [PRE[ ([[なつかしの要素を再現]]) ]PRE] [7] dir > li { [PRE[ display: inline; margin-right: 2em; list-style-item: none; } ]PRE] [[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'' [8] [CITE[userstyles.org]] ([[名無しさん]] [WEAK[2006-08-08 11:56:05 +00:00]])