ブラウザにおける縦書き | 前編 縦書き実装の今
はじめに 本記事では、2015年11月末での、縦書きに関するCSSの実装状況とプロパティについて解説します。また、先日行ったCodeGridのWebアプリケーションのリニューアルでは、記事タイトルやナビゲーションなどで、一部縦書きを利用しています。 縦書きを利用した部分の実装方法と、利用する際の注意点などに関しては、実装を担当した小山田が次回解説します。 2015年は、縦書きに関する実装が各ブラウザで進み、縦書きWeb普及委員会や縦書きWebデザインアワード - 縦書きWeb普及委員会といったコンテンツが登場し、2016年はさらに興味を引くものになっていくと思われます。この縦書きに関するCSSについて、本記事を通して理解を深めていきましょう。 縦書きに関連するプロパティとその実装状況 縦書きに関するプロパティは、現在のところ3種類存在します。 writing-modeプロパティ書字方向（横
スタイルシートで縦書き - tategaki.info
…というわけで、このスタイルシートでは不満だ…というときは、より簡単に、綺麗な縦書きレイアウトを実現できるJavaScript・h2v.jsをお試しください。 さて、どういうスタイルを適用しているかといいますと、 文を一行ごとに、幅が一文字分の<div>要素で括る。 句読点や小さい「っ」は、放っておくと日本語の禁則処理で前の文字の真横に表示されるので、スタイルシートで禁則処理を外すように指定。 さらに、このままだと句読点などの位置が気持ち悪いので、<span>で括って表示位置を調整。 横書きと縦書きで字形が異なる記号など(括弧や長音記号、〜や…など)は、90度回転させて表示。 …まぁ、それだけなのですが。 FireFox / Safari / Chrome / Opera / IEの各ブラウザで、なんとなく良い感じに表示されます。非常に古いバージョンのブラウザの場合、綺麗に表示されないこと
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
