CSS– category –
-
CSSで作った「く」の字型矢印がスマホ実機で途切れるとき
CSSでサクッと矢印を作ったとき、 スマホ実機で見たときに線と線の接点のところがなぜか途切れてしまう現象に出会いました。 具体的にはjQuery UIのDatepickerで矢印を独自のCSSで上書きしたところその現象。 .ui-datepicker-next { background: none; bor... -
テキストエリアの改行をCSSのみで反映！white-space: pre-wrap
タイトルが全てなのですが、改行を反映させたい要素に white-space: pre-wrap; を指定すると、WordPressのカスタムフィールドなど、CMSのテキストエリア内で入力した改行がコンテンツに反映されます。 文字文字文字 WordPressの場合は、プラグインのAdvanc... -
CSSのみで改行！疑似要素のcontentで改行する方法
必要なときには忘れてるので備忘録。 .css-content::before { content: '\A'; white-space: pre; } white-space: pre がミソです。 指定する要素の「直前」で改行させたい場合は「::before」、「直後」で改行させたい場合は「::after」で。当たり... -
Multiple backgrounds
CSSで背景に複数画像使えるやつ、いつの間にか全ブラウザ（IE9以上）で実装されていました。https://caniuse.com/#feat=multibackgrounds あんまり使わないから気がつかなかった #ex { background-image: url(img_front.png), url(bg.png); } background-i...
1