戻る    ホームへ


このページに適用するためのブックマークレット
ユーザー CSS 設定

行間 

行間2 ← document.all 利用型  行間3 createStyleSheet 

行間4 createStyleSheet importantを追加バージョン
 ここは行間を広げるブックマークレットのテスト用のページです。あえて行間を詰め、改行を少なくして 読みづらくしてあります。行間を広げるスクリプトをつかって読みやすいページにしてみましょう。
 div 行間無指定

 行間が詰まっていて読むのがうんざりだという人は、行間を広げるスクリプトを使ってください。
 英文だと小文字があるので行間は狭くても良いのですが、日本語は行間があいてないと読むきがうせます。
 また技術的には、html では行間を空けることができないので日本のサイトは読みづらいものが多いのです。行間を空けるには css (カスケーディングスタイルシート) によるline-heightの指定が必要です。 行間はあきすぎると逆に読みづらくなるので、line-height:1.3〜1.7em ; ぐらいが最適です。
 紙媒体の雑誌なども行間はこのぐらいに設定されています。
 シンプルバージョンの行間スクリプトはbodyタグに対してだけline-height:を設定しています。 それがbodyの子要素に承継され、ページ全体の行間が最適化される理屈です。ただし、table 内には承継されません。
 div 行間無指定2(日本語)
 目が遺体、目が異体、目が痛い、妻鹿入たい、愉快な誤変換かよっ! ブックマークレットはJavaScriptでかかれた1行のプログラムです。目が異体、目が痛い、妻鹿入たい、目が遺体、目が異体、目が痛い、妻鹿入たい、目が遺体、目が異体、目が痛い、妻鹿入たい、引きこもりと立てこもりは微妙に違うぞなもし。金、金、金、カネ、カネ、カネ、、金、カネ、カネ、カネ、、金、カネ、カネ、カネ、、金、カネ、カネ、カネ、きのこの山は食べ盛りネルネル練るねはいろがかわって豪勢着色料使いすぎでは?
div:行間無指定3 英文だと行間なくても読みやすい例
Fuuuuuwwww!!Fuuuuuwwww!!Fuuuuuwwww!?Fuuuuuww my Yahooooooooooooo! My goooooooooooooooooooooogle My yaFuuuuuuuuuuuuuuu HG Fuuuuuwwww!!Fuuuuuwwww!!Fuuuuuwwww!?FuuuuuwwFuuuuuwwww!!Fuuuuuwwww!!Fuuuuuwwww!?FuuuuuwwFuuuuuwwww!!Fuuuuuwwww!!Fuuuuuwwww!?FuuuuuwwFuuuuuwwww!!Fuuuuuwwww!!Fuuuuuwwww!?FuuuuuwwFuuuuuwwww!!Fuuuuuwwww!!Fuuuuuwwww!?Fuuuuuww
英語というより HG ですね


ノーマルなテーブル内
にも効果は及ぶか?
江戸日記とえろ日記
wwwww
見ない見ない見ない
wwwww
かねかねかね!!!
いろりは方
akasatana
えええええええええええ
おれおれA
えええええええええええ
見ない見ない見ない
針は目寝ろつく
かねかねかね!!!!
FuuuuuFuuuuu
akasatanaああwwww
ささささささあああああ
えろえろえああwwww
あああああああろえおれ
見ない見ない見wwww
針は目寝ろつくああああ
かねかねかね!!Fuuuuu
おおおおおおおおおええ

 行間無指定 : BLOCKQUOTE(引用タグ:掲示板などでよく使われる)

 あああああああああああああああああああああああああいいいいいいいいいいいいいいいいいいいいいううううううううううううううううううううううううええええええええええええええええおおおおおおおおおおおおおおおおおおおおおおおおおFuuuuuwwww!!Fuuuuuwwww!!Fuuuuuwwww!?Fuuuuuww


戻る    ホームへ