はるらぼ

jQuery、Perl、Linux、デザイン、UI関連の備忘録です。※引用する場合は自己責任で。

CSS

長い英数字を改行させるcss

CSS

いつも忘れちゃうんだよなぁ・・・ htmlメールとか、テーブル組みだと抜けやすいから注意せねば。 body { word-wrap: break-word; overflow-wrap: break-word; } /* テーブルの場合はこちらも */ table { table-layout: fixed; } ↓word-break: break-all 使…

疑似要素を使った文頭記号

CSS

よく使うのでメモ。 りんご なし もも ul.sample01 { list-style-type: none; } ul.sample01 li:before { border-top: 1px solid #777; border-right: 1px solid #777; content:""; height:5px; width:5px; transform:rotate(45deg); -webkit-transform: rot…

スクロール量に応じて、横からコンテンツが出てくる

よくある「スクロール量に応じて、横からコンテンツが出てくる」あれです。今ドキっぽい。