CSS を使用してクロスブラウザーの縦書きテキストを実現するにはどうすればよいですか?

CSS を使用したクロスブラウザ縦書きテキスト

クエリ: テキストを垂直方向に 90 度回転して、さまざまな言語間での互換性を確保するにはどうすればよいですかブラウザ (IE6、Firefox 2、Chrome、Safari、 Opera)?

解決策:

最新の進歩には、CSS3 の -webkit-transform、-moz-transform、transform プロパティが含まれます。構文は次のとおりです:

transform: rotate(-90deg);
transform-origin: 50% 50%;

古いブラウザの場合、次の方法で従来の IE フィルタを使用できます:

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

さらに、Firefox 3.5 以降および WebKit/Safari 3.1 以降の場合、 -moz-transform プロパティと -webkit-transform プロパティは次のようにすることができます。使用済み:

-moz-transform: rotate(270deg); /* Use 270 degrees for negative angle */
-moz-transform-origin: 50% 50%;

-webkit-transform: rotate(270deg); /* Use 270 degrees for negative angle */
-webkit-transform-origin: 50% 50%;

以上がCSS を使用してクロスブラウザーの縦書きテキストを実現するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。