CSS Properties Index · Jens O. Meiert.
-
-
CSSプリプロセッサー
http://lucianmarin.com/peculiar/(b:title)というCSS3で書かれたアイコンセットを通して私たちのCSSの記述はどんなものになりつつあるのか、
そして、複雑化するCSSとどのように向き合えばいいのか、CSSプリプロセッサーを例にとり、考えてみます
-
属性値によってスタイルを書き分ける
Style rule
<a href="http://www.tenman.info" rel="attachment negative">rel attachment</a> <a href="http://www.tenman.info" rel="negative">no contain rel attachment</a>
a[rel~="attachment"]{ color:red; }~=は、複数の値の中の 一つの属性値が一致する場合にスタイルを指定 ...
-
CSS3 columns snippet
Style rule
.columns{- moz-columns: 10em auto;
- webkit-columns:10em auto;
- o-columns: 10em auto;
- ms-columns: 10em auto;
}
それはほかもちろんそんな授業院というのの時をあるないなかっ。どうも今と附随界はせっかくその持ですないだけへできばおきますへは盲動しでたから、こうにはなっないませんある。道具で見せるだのもけっして今日にそ ...
-
否定擬似クラス :not(.hoge) の詳細度
div.one p {font-weight: normal;} div:not(.one) p {font-weight: bold;}否定擬似クラスの詳細度は、計算外になる。
上記の、スタイルルールは、詳細度が同じ、:notは計算外で、.oneだけを計算するので、詳細度は同じになる。どちらが適用されるかは、前後関係によることになる。
http://d.hatena.ne.jp/zentoo/20120229/133053151 ...
-
CSS3 Background Using Cicada Principle
Cicada Principleとは、素数サイズの画像を使ったマルチバックグラウンド画像を使って、ランダムに見えるデザインを行うという事らしい
29px角の画像 
37px角の画像 
53px角の画像 この技法をCSS3での試みが
Combining the Cicada Principle with CSS3 Background Gradients
-
letter-spacing
CSS2
文字の間隔を指定する
default:normal;
option:px em;IE6
br要素による改行なんですね。WinIEには「letter-spacingを指定した要素内で連続したbr要素が無視される」というバグbr { letter-spacing: 0; }http://hp.vector.co.jp/authors/VA022006/css/corrbrwser/text.html(title)
macIE
l
etter-spacing ...
-
text-justify
- plain
- -
text-justify: inter-ideograph
- text-justify: inter-ideograph
- -
text-justify: inter-ideograph
テキストの均等割付の形式を指定
- auto
- ブラウザに依存
- distribute
- 単語間隔と文字間隔
- 途中の改行や最終行などの文字数が一行に満たない行も均等に割り付けます。
- inter-cluster
- アジアの言語などの単語間隔を ...
distribute-all-lines