2005.05.15
テーマ： アクセス向上(301)
カテゴリ： 【実験中】
スタイルシート>>テキスト>>writing-mode: tb-rl;＆direction: ***; unicode-bidi: ***;
■writing-mode: tb-rl;（縦書きを指定する）
■direction: ***; unicode-bidi: ***;（文章の方向「左右」を指定する）
「横文字」ということばがありますが、多くの言語は横方向（行＝横書き）に文字を並べることによって文章を作るようになっています。
しかし、日本語や一部の言語（中国語など）では縦方向（列＝縦書き）に文字を並べて表現する言語があり、特に日本語では縦方向（列＝縦書き）に文字を並べることによって表現することで横書きには無い独特の感性を与えてくれるように思います。
また、横文字であってもアラビア語や一部の言語では文字の配列が左から右では無く、右から左へ書かれていくものがあります。
日本語ももともとが縦書きで右から左へ記述される言語であるため、時代によっては横書きも右はじまり左方向へすすむ記述がされていました。
■writing-mode: tb-rl;（縦書きを指定する）
<p style=" writing-mode: tb-rl; ">
いづれの御時にか、
女御、更衣あまたさぶらひたまひけるなかに、
いとやむごとなき際にはあらぬが、
すぐれて時めきたまふありけり。
はじめより我はと思ひ上がりたまへる御方がた、
めざましきものにおとしめ嫉みたまふ。同じほど、
それより下臈の更衣たちは、ましてやすからず。
朝夕の宮仕へにつけても、人の心をのみ動かし、
いと篤しくなりゆき、
もの心細げに里がちなるを、
いよいよあかずあはれなるものに思ほして、
人のそしりをもえ憚らせたまはず、
世のためしにもなりぬべき御もてなしなり。
↓こんな感じですね（＾＾）
★☆追記です（＾＾）font-family: 'HGP行書体'を加えてみました☆★
///////////////////////////////////////////////////////////////////////
■direction: ***; unicode-bidi: ***;（文章の方向「左右」を指定する）
■direction
□ltr … （左から右へ）デフォルト
□rtl … （右から左へ）
■unicode-bidi
□bidi-override … （有効にする）
□embed … （状況により）
□normal … （標準）デフォルト
※もしアラビア語やヘブライ語で記述した文書をそのまま書くのであれば、これらの指定は必要ありません。
Unicode（ユニコード）といいまして世界統一基準のなかでたとえば日本語や英語は左から右の設定がされており、アラビア語やヘブライ語は右から左の設定があらかじめされているからです。
とまりそれらがデフォルト（標準）ということになります。
▲直接指定の記述方法
<p style=" direction: rtl; unicode-bidi: bidi-override; ">
<b>オリックス</b>時代より速い！<b>イチロー</b>１００度目の猛打賞
</P">
↓こんな感じですね（＾＾）
▲CSS本来の記述方法
<style type="text/css">
<!--
p {
writing-mode: tb-rl;
}
-->
</style>
*****************************************************
【庶事所感】
「四国アイランドリーグは１４日、坊っちゃんスタジアムなどで２試合を行った。愛媛マンダリンパイレーツは９―０で高知ファイティングドックスに完勝、このカード初白星をあげた。香川オリーブガイナーズは徳島インディゴソックスに４―０の完封勝ち。」
これって、一般のテレビでは放送してくれないのかなぁ（＞＜）
確かに四国4県だけの世界だものなぁ･･･愛媛県出身のわたくしとしましては、身贔屓でもっと宣伝してほしいなぁと思ってます(*^^*)/
*****************************************************
なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネ
リンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）
■writing-mode: tb-rl;（縦書きを指定する）
■direction: ***; unicode-bidi: ***;（文章の方向「左右」を指定する）
「横文字」ということばがありますが、多くの言語は横方向（行＝横書き）に文字を並べることによって文章を作るようになっています。
しかし、日本語や一部の言語（中国語など）では縦方向（列＝縦書き）に文字を並べて表現する言語があり、特に日本語では縦方向（列＝縦書き）に文字を並べることによって表現することで横書きには無い独特の感性を与えてくれるように思います。
また、横文字であってもアラビア語や一部の言語では文字の配列が左から右では無く、右から左へ書かれていくものがあります。
日本語ももともとが縦書きで右から左へ記述される言語であるため、時代によっては横書きも右はじまり左方向へすすむ記述がされていました。
■writing-mode: tb-rl;（縦書きを指定する）
<p style=" writing-mode: tb-rl; ">
いづれの御時にか、
女御、更衣あまたさぶらひたまひけるなかに、
いとやむごとなき際にはあらぬが、
すぐれて時めきたまふありけり。
はじめより我はと思ひ上がりたまへる御方がた、
めざましきものにおとしめ嫉みたまふ。同じほど、
それより下臈の更衣たちは、ましてやすからず。
朝夕の宮仕へにつけても、人の心をのみ動かし、
いと篤しくなりゆき、
もの心細げに里がちなるを、
いよいよあかずあはれなるものに思ほして、
人のそしりをもえ憚らせたまはず、
世のためしにもなりぬべき御もてなしなり。
↓こんな感じですね（＾＾）
いづれの御時にか、
女御、更衣あまたさぶらひたまひけるなかに、
いとやむごとなき際にはあらぬが、
すぐれて時めきたまふありけり。
はじめより我はと思ひ上がりたまへる御方がた、
めざましきものにおとしめ嫉みたまふ。同じほど、
それより下臈の更衣たちは、ましてやすからず。
朝夕の宮仕へにつけても、人の心をのみ動かし、
恨みを負ふ積もりにやありけむ、
いと篤しくなりゆき、
もの心細げに里がちなるを、
いよいよあかずあはれなるものに思ほして、
人のそしりをもえ憚らせたまはず、
世のためしにもなりぬべき御もてなしなり。
★☆追記です（＾＾）font-family: 'HGP行書体'を加えてみました☆★
いづれの御時にか、
女御、更衣あまたさぶらひたまひけるなかに、
いとやむごとなき際にはあらぬが、
すぐれて時めきたまふありけり。
はじめより我はと思ひ上がりたまへる御方がた、
めざましきものにおとしめ嫉みたまふ。同じほど、
それより下臈の更衣たちは、ましてやすからず。
朝夕の宮仕へにつけても、人の心をのみ動かし、
恨みを負ふ積もりにやありけむ、
いと篤しくなりゆき、
もの心細げに里がちなるを、
いよいよあかずあはれなるものに思ほして、
人のそしりをもえ憚らせたまはず、
世のためしにもなりぬべき御もてなしなり。
///////////////////////////////////////////////////////////////////////
■direction: ***; unicode-bidi: ***;（文章の方向「左右」を指定する）
■direction
□ltr … （左から右へ）デフォルト
□rtl … （右から左へ）
■unicode-bidi
□bidi-override … （有効にする）
□embed … （状況により）
□normal … （標準）デフォルト
※もしアラビア語やヘブライ語で記述した文書をそのまま書くのであれば、これらの指定は必要ありません。
Unicode（ユニコード）といいまして世界統一基準のなかでたとえば日本語や英語は左から右の設定がされており、アラビア語やヘブライ語は右から左の設定があらかじめされているからです。
とまりそれらがデフォルト（標準）ということになります。
▲直接指定の記述方法
<p style=" direction: rtl; unicode-bidi: bidi-override; ">
<b>オリックス</b>時代より速い！<b>イチロー</b>１００度目の猛打賞
</P">
↓こんな感じですね（＾＾）
オリックス 時代より速い！ イチロー １００度目の猛打賞
▲CSS本来の記述方法
<style type="text/css">
<!--
p {
writing-mode: tb-rl;
}
-->
</style>
*****************************************************
【庶事所感】
「四国アイランドリーグは１４日、坊っちゃんスタジアムなどで２試合を行った。愛媛マンダリンパイレーツは９―０で高知ファイティングドックスに完勝、このカード初白星をあげた。香川オリーブガイナーズは徳島インディゴソックスに４―０の完封勝ち。」
これって、一般のテレビでは放送してくれないのかなぁ（＞＜）
確かに四国4県だけの世界だものなぁ･･･愛媛県出身のわたくしとしましては、身贔屓でもっと宣伝してほしいなぁと思ってます(*^^*)/
*****************************************************
なぜか行掛かりでBlogLankingに参加しました(^^;)面白かったらポチして下さいネ
リンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）
お気に入りの記事を「いいね！」で応援しよう
[【実験中】] カテゴリの最新記事
-
fontバリエーション(2) 2005.08.26 コメント(11)
-
スタイル一覧（後編） 2005.06.19 コメント(165)
【毎日開催】
15記事にいいね！で1ポイント
PR
Keyword Search
▼キーワード検索
Category
カテゴリ未分類
(96)【blog基本とマナー】
(8)【サイト作りの基礎】
(87)【テンプレート】
(49)【検索エンジンの理解】
(18)【検索エンジンに登録】
(5)【楽天広場のサイト】
(11)【アフィリエイト】
(12)【便利ツール】
(10)【実験中】
(76)Comments
© Rakuten Group, Inc.
