type="text/css"></head><body><h1>本日の内容</h1><p>縦書きレイアウトのWebコンテンツ実践セミナーです。</p><p><ruby>日本語<rt>にほんご</rt></ruby>の<ruby>作文<rt>さくぶん</rt></ruby>です。プロパティを利用すると、ルビの位置を指定することができます。下側にルビが表示されます。記述例を以下のように書き換えることでルビの表示位置が変わります。縦書きの文章において傍線を設定した場合、傍線が文字の左側に配置され、不自然な表示になってしまいます。縦書きの場合、右側に表示します記述例を以下のように書き換えることで、縦書き文章の傍線の位置を左側から右側に変更することができます。type="text/css"></head><body><h1>本日の内容</h1><p>縦書きレイアウトのWebコンテンツ実践セミナーです。</p><p><ruby>日本語<rt>にほんご</rt></ruby>の<ruby>作文<rt>さくぶん</rt></ruby>です。プロパティを利用すると、日本語の語句を強調する圏点を表示し、色を調整することが可能になります。白ゴマ記述例を以下のように書き換えることで、縦書き文章の横に圏点を表示させ、またその圏点の色を変更することができます。type="text/css"></head><body><h1>本日の内容</h1><p>縦書きレイアウトのWebコンテンツ実践セミナーです。</p><p><ruby>日本語<rt>にほんご</rt></ruby>の<ruby>作文<rt>さくぶん</rt></ruby>です。class="underline">重要な箇所</span>は線を引きます。class="mark">重要な箇所</span>に圏点をつけます。