[B! design] poohkumaのブックマーク

CSS3で実装されたボタンの総まとめ

利用も簡単にでき、スタイルシートの勉強にもなる、CSS3で実装されたボタンを紹介します。ほとんどのものがclassを追加するだけで、簡単に利用できます。

poohkuma 2011/08/11

web
design

リンク

kuler

poohkuma 2008/11/18

配色（色見本、カラーテーマ、カラースキーム、カラーパレット）をブラウザ上で作成できる

design

リンク

pre 要素で囲んだ一行が長い場合、親要素の幅に収まりきらず、スクロールバーが出てしまいます。なんとか親要素の幅内で収めたい。で、適当な位置で改行するように、 pre { overflow: auto; white-space: normal; } なる CSS を追加したのですが、今度は、私が追加した任意の改行まで無くなってしまいました。調べてみると、下のようなコードを追加すると、改行を生かしたまま折り返してくれます。 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;