【css】いろんな形をスタイルシートで at softelメモ
.square { width:100px; height:100px; border:1px solid #000; background:yellow; } .parallelogram { width:100px; height:100px; border:1px solid #000; background:yellow; transform: skew(20deg); -o-transform: skew(20deg); -moz-transform: skew(20deg); -webkit-transform: skew(20deg); } .parallelogramRight { width:100px; height:100px; border:1px solid #000; background:yellow; transform: skew(-20deg); -o-
【CSS】改行を含むテキストの表示をスタイルシートで？ at softelメモ
問題 以下のような改行を含むテキストがあって、ブラウザの画面に表示したいんだけど、こういうときはphpのnl2br()を使うんだっけ？ 改行を含むテキスト あいうえおかきくけこ 本日は晴天なり ↓ nl2br($str) 改行を含むテキスト<br /> あいうえおかきくけこ<br /> 本日は晴天なり 答え それでもいいんだけど、スタイルシートで対応するのはどう？ <div style="white-space:pre-wrap;">改行を含むテキスト あいうえおかきくけこ 本日は晴天なり</div> ↓ ほら。 事例 twitterがPC版で改行の表示を対応したとき、white-space:pre-wrap;したみたいです。 ブラウザの対応状況は？ white-space:pre-wrap;はIE6以前がだめらしい。今なら使っても大丈夫でしょう。 「HTMLで改行といったら<br />で
twitter bootstrap を とにかく手軽に始められる雛形 at softelメモ
問題 twitter bootstrap やってみたいんですけど。 twitter bootstrap 都度都度ダウンロードしてくるのめんどくさい。 twitter bootstrap もうちょっとサクッと使えない？ そんなとき。 答え 以下のようなHTMLからスタートすると、何も用意する必要がなく、HTML一枚から始められるでしょう。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Bootstrapの雛形です</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
