ｎ ＿＿∩ ..ノ／／／／ ヽ 《 /／／／／,_;;:;ノ| ,|..／／／( _●_) ミ クマー！！ ,_彡／／?|∪|┰｀ ...＼ /／＼＼ ヽノ?）). ) (|＿|＿|＿） /.／(_／ | ＿.. / ‖ | ／＼＿＼‖ | / )＿ )‖ 《.∪ （＿＼‖ ＼＿)
私生活のキリウリはヤダ！とか言いつつ書いてしまう。(´・ω・｀)
元々視力低いのですが最近は遠近感もダメダメになってるので目視ミスの着地失敗でやってもうた。orz
でも、ギプスが石膏じゃなくてキャスティングテープとやらになってまして、昔に比べたらかなり楽になってるかんじです。
日本においては従来看護婦らが巻軸包帯に石膏をまぶして作成する家内手工業的なものであったが、1955年に国産初の石膏ギプスを東京衛材研究所（現アルケア株式会社）が市販開始し普及した。現在では医療現場からの要求により技術開発が進み、ガラス繊維製の基布に水硬性ポリウレタン樹脂を浸含させたガラス繊維キャスティングテープが主流となっており、石膏ギプスは義肢装具の採型用として使われる程度となりつつある。
- メディア: ヘルスケア&ケア用品
ほねな。みなさんもお気をつけあれ
- アーティスト:城卓矢
- 発売日: 2013/08/19
- メディア: LP Record
- アーティスト:城卓矢
- 発売日: 2013/07/24
- メディア: CD
- 追記
-
ここの内容は古いしだめだめなので下記をご笑覧ありたし。
pre要素で書くのはやっぱり邪道ですね。すみません。てなわけでこんなかんじがいいのかも？
というかブラウザで'Textar'をデフォルトにしてたら不要なんですが、ここの日記は等幅指定なので（あとLinuxとか）ってことで。
※あとでしっかり確認しときます。
- スタイルシート
div.kumakuma {
overflow: auto;
white-space: pre;
font-size: 0.8em;
font-family: 'Textar','IPA モナー Pゴシック',IPAMonaPGothic,Mona,sans-serif;
margin: 1em;
padding: 0.5em;
color: #003;
background-color: #f1f1f1;
line-height: 1.1em;
letter-spacing: 0px;
border-style: solid;
border-width: 1px;
border-color: #fff #003 #003 #fff;
}
【追記】overflow: auto;入れないと幅が勝手に広がっちゃうので入れた方がいいかなぁ。
- html書き書き...
<div class="kumakuma"> ここにコピペ </div>
【追記】確認中ですが
はてなでは<div>で他の要素なしで書くと左側にスペースが入っちゃいますね。ということで、やっぱりpre要素で書くのがいいのかなぁ。
尚、pre要素、white-space属性（いや、もちろんAAのための要素ではないのですけど...汗）を使うわけは、いちいち改行タグ(br)を入れなくてすむからです。blogでは勝手に改行タグを入れてくれる場合が多いのですけど、htmlで書く場合は確実に指定しとかないといけないので。
white-space:pre はIE6の互換モードでは無視されるみたい？
IEでは色々と属性を指定すると、一部の指定が無視されちゃったりするので、これもvalidではないけど、おまじない（ナニ）を入れといた方がいいかも。
で、結局こんなかんじかなぁ。ってかややこしいからblogの仕様にまかせて何もしない方がよかったりして（ショボン）
.kumakuma {
margin: 3%;
padding: 1%;
overflow: auto;
font-size: 0.8em;
font-family: 'Textar','IPA モナー Pゴシック',IPAMonaPGothic,Mona,sans-serif;
line-height: 1.1em;
letter-spacing: 0px;
color: #003;
background-color: #f1f1f1;
border-style: solid;
border-width: 1px;
border-color: #fff #003 #003 #fff;
width: 90%;
}
- html書き書き...
<pre class="kumakuma"> ここにコピペ </pre>
／￣￣￣￣￣＼ | マイヤヒー♪ | ／￣￣￣￣￣＼ ＼＿＿_ ＿_／ | マイヤフー♪ | ／￣￣￣￣￣＼ ∨ ＼＿＿_ ＿_／ | マイヤホー♪ | ∨ ＼＿_ ＿＿__／ ∩＿＿＿∩ ∩＿＿＿_∩ ∨ | ノ ヽ / ヽ| ∩＿＿＿_∩ / ● ● | | ● ● ヽ/ ヽ| | ( _●_) ミ 彡 (_●_ ) | ● ● ヽ 彡､ |∪| ､｀＼ ／ |∪| 彡 (_●_) | / ＿＿ ヽノ /´> ) （ < ヽ ﾉ ／ |∪| ミ (＿＿＿） / (_／ ＼_ ) （ < ヽ ﾉ ヽ
あんまり意味なかったなぁ・・・（汗）
【1/1】さらに追記
ありゃ?、はてなにはこんなのあったんですね。シランカッタ（汗）。
div.ascii-art{
font-size:12pt;
line-height:18px;
font-family: "Mona","IPA MONAPGOTHIC","MS PGothic","Textar","MS Pｺﾞｼｯｸ","Textar",sans-serif;
}
というわけで、aa記法使う場合はこのセレクタを自分好みに弄ればいいんではないかなと。（_width: 100%; は互換モード用ですが...）
div.ascii-art {
/* overflow: auto; */
/* white-space: pre; */
font-size: 0.8em;
font-family: 'Textar','IPA モナー Pゴシック',IPAMonaPGothic,Mona,sans-serif;
margin: 1em;
padding: 0.5em;
color: #003;
background-color: #f1f1f1;
line-height: 1.1em;
border-style: solid;
border-width: 1px;
border-color: #fff #003 #003 #fff;
_width: 100%;
}
改行(br)を自動で入れてくれるのは便利ですが、overflow: auto（white-spaceを設定すると改行が二重になるのでだめ？）は使えないと思うので、幅に合わせて自動改行されるのが嫌な場合とかはpre要素と使い分けた方がいいかもしれないですね。
