<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="9" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[9]</anchor-end> <dfn><rubyb xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><anchor>利用者スタイルシート</anchor><rt xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">user style sheet</rt></rubyb></dfn>は、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">利用者</anchor>によって指定される<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">スタイルシート</anchor>です。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="10" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[10]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">利用者</anchor>が直接 <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSSスタイルシート</anchor>を <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Webブラウザー</anchor>に指定することもありますが、
設定画面の個別の <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">UI</anchor> で指定したものを <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Webブラウザー</anchor>が<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">利用者スタイルシート</anchor>として扱うことや、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ブラウザー拡張</anchor>によって指定されることもあります。</p><example xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><p xmlns="http://www.w3.org/1999/xhtml"><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="11" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[11]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Webブラウザー</anchor>の設定画面には古くから文字色、リンク色などの指定があります。
(が最近の <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Webブラウザー</anchor>では省略されていることもあります。)</p></example><section><h1>プライバシー</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="12" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[12]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">利用者スタイルシート</anchor>は、 <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">fingerprinting vector</anchor> かもしれません。</p></section><section><h1>メモ</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="1" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[1]</anchor-end>  お題: 利用者スタイル・シートの役立ちそうな部分を晒せ (<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor>)</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[2]</anchor-end>  <pre> body[bgcolor=&quot;#efefef&quot;][text=black][link=blue][alink=red][vlink=&quot;#660099&quot;] dd,
 body[bgcolor=&quot;#efefef&quot;][text=&quot;#000000&quot;][link=&quot;#0000FF&quot;][alink=&quot;#FF0000&quot;][vlink=&quot;#660099&quot;] dd,
 body[background=&quot;http://www6.ocn.ne.jp/~mirv/ba.gif&quot;] dd {
	line-height: 100%;
	font-family: &quot;\00FF2D\00FF33\000020\00FF30\0030B4\0030B7\0030C3\0030AF&quot; !important;
 }</pre></p><p><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">2ch</anchor> のスレを <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">MSPゴシック</anchor>で表示する。普段は他のフォントを使ってるヤシ向け (<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor>)</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="3" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[3]</anchor-end>  新窓で開くアンカーや <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">JavaScript</anchor> が動くアンカーでそのことを表示。<pre> a[target]:after {
	content: &quot; [&quot; attr(target) &quot;]&quot;;
 }
 a[href^=&quot;javascript:&quot;]:after {
	content: &quot; [&quot; attr(href) &quot;]&quot;;
 }
 (<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor>)</pre></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="5" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[5]</anchor-end>   nextid:before {<pre>   display: inline;
   content: &quot;&lt;NEXTID&gt;&quot;;
   color: GrayText;
   background-color: Window;
 }
 nextid[n]:before {
   content: &quot;&lt;NEXTID n=&quot; attr(n) &quot;&gt;&quot;;
 }
 nextid[id]:before {
   content: &quot;&lt;NEXTID id=&quot; attr(id) &quot;&gt;&quot;;
 }</pre></p><p>注:<ol><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Mozilla</anchor> 1.3b は <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">nextid</anchor> 要素不対応らしく、要素終了位置を正しく判定できないし、そもそも <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">body</anchor> 要素の子要素に補正されてしまう。</li><li>よって、要素本体や :<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">after</anchor> 擬似要素は触らない方が無難。</li><li>太古の <code class="HTML">&lt;NEXTID 12&gt;</code> のようなのは流石に CSS だけでは無理。 (<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">なつかしの要素を再現</anchor>)</li></ol></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="6" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[6]</anchor-end>   typewriter {<pre>   display: block;
   margin: 1em 0;
   white-space: pre;
   font-family: -moz-fixed;
 }</pre></p><p><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">pre</anchor> 要素と同じ定義。<pre> (<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">なつかしの要素を再現</anchor>)</pre></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="7" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[7]</anchor-end>   dir &gt; li {<pre>   display: inline;
   margin-right: 2em;
   list-style-item: none;
 }</pre></p><p><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">dir</anchor> 要素の本来のレンダリングは <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">Un*x</anchor> の <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">ls</anchor> 命令みたいなものなんじゃないかと思って作ってみた。
けど、 CSS2 だけで実現はむりぽ。 (<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor>)</p><form xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" input="%submit(label=&gt;書き込む); %text(label=&gt;&quot;名前 : &quot;,id=&gt;name,size=&gt;&quot;9.5&quot;); %text(label=&gt;&quot;メイル: &quot;,id=&gt;mail,size=&gt;9.5); %check(default,id=&gt;record-date,label=&gt;日付を記録);%n;%textarea(id=&gt;msg,size=&gt;35,lines=&gt;5);" template="[%index;]  %text(source=&gt;msg); (%name;%text(source=&gt;mail,prefix=&gt;&quot; [&quot;,suffix=&gt;&quot;]&quot;);%iif(source=&gt;record-date,true=&gt;&quot; [WEAK[%date;]]&quot;);)%n;" option="%require(msg);"></form><ul><li><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="4" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[4]</anchor-end> <em>ユーザースタイルシートのススメ - Personnel</em> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://members.jcom.home.ne.jp/jintrick/Personal/usrstyle.html">http://members.jcom.home.ne.jp/jintrick/Personal/usrstyle.html</anchor-external></li></ul><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="8" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[8]</anchor-end>
<cite>userstyles.org</cite> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://userstyles.org/">http://userstyles.org/</anchor-external>
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名無しさん</anchor> <weak xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">2006-08-08 11:56:05 +00:00</weak>)</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="13" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[13]</anchor-end> <cite xml:lang="en">340072 - API and Permissions for User-Stylesheet-like extensions</cite>
(<time>2022-02-14T08:48:16.000Z</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://bugs.chromium.org/p/chromium/issues/detail?id=340072">https://bugs.chromium.org/p/chromium/issues/detail?id=340072</anchor-external></p></section></body></html>