CSS3 column-rule-style属性の例-インスタンスオンラインエディタ(oldtoolbag.com)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS3 column-rule-style属性の例- 基礎チュートリアル(oldtoolbag.com)</title>
<style>
	p {
        /* Chrome、Safari、Opera */
        -webkit-column-count: 3;
        -webkit-column-gap: 100px;
        -webkit-column-rule-color: red;
        -webkit-column-rule-width: 2px;
        -webkit-column-rule-style: solid;
        /* Firefox */
        -moz-column-count: 3;
        -moz-column-gap: 100px;
        -moz-column-rule-color: red;
        -moz-column-rule-width: 2px;
        -moz-column-rule-style: solid;
        /* 標準的な構文 */
        column-count: 3;
        column-gap: 100px;
        column-rule-color: red;
        column-rule-width: 2px;
        column-rule-style: solid;
    }
</style>
</head>
<body>
    <p>
 先帝は業を未竟に崩御しました。今は天下が三分され、益州は疲弊しています。これは本当に存亡の关頭です。しかし、内側の侍衛の臣は怠りなく勤務し、外側の忠志の士は自分の身を忘れています。これは先帝の特別な待遇を追い求め、陛下に対して報いるためです。聖断を広げて、先帝の遺徳を光らせ、志士の気持ちを高めるべきです。自慢げに自分を卑下し、誤解を招く言葉を使って、忠告を封印するべきではありません。
宮中と府中は一体です。昇進や罰を異にしないべきです。作り事や法に違反し、忠善を尽くす者は、司法に任せて刑賞を決定すべきです。陛下の公正な理を明らかにするため、偏私を避け、内外で異なる法を設けるべきではありません。
侍中、侍郎の郭攸之、費祎、董允などは、皆良実で忠誠で純真です。したがって、先帝は彼らを陛下に遺贈しました。私は宮中の事項は大小に関わらず、彼らに相談すべきだと思います。そうすれば、欠如を補完し、有益なことが増えるでしょう。
将軍の向宠は、性格が優しく均等で、軍事に通じています。過去に試用されたとき、先帝は彼を能者と称しました。したがって、多数の意見で宠を監督に推薦しました。私は軍営の事項は彼に相談すべきだと思います。そうすれば、陣営が和谐で、優劣が適切に配置されるでしょう。
賢臣を親しんで、小人を遠ざけることが、前漢が興隆した理由です；小人を親しんで、賢臣を遠ざけることが、後漢が滅亡した理由です。先帝が存命中は、このことをよく話し、桓帝、靈帝について嘆息し、恨みました。侍中、尚書、長史、参軍などは、皆忠良で節義を守る臣です。陛下が彼らを親しく信じるなら、漢室の隆盛は数日で待つことができます。
臣は本布衣で、南阳で自耕自足を生業としていました。乱世の中で命を全うするだけで、諸侯に名を聞かせることはありませんでした。先帝は臣の卑しい出身を軽視せず、自ら屈辱を受け、草屋に三度訪ねて、当世の事について相談しました。それで感謝し、先帝に奔走することを約束しました。その後、敗軍の際に任じられ、危難の間に命をかけられて、それから二十一年です。
先帝は臣が慎重であることを知って、崩御前に大事を臣に託しました。受命以来、早朝から夜の間も不安に思って、先帝の明を傷つけることを恐れて、五月に泸水を渡り、不毛の地に深入りしました。今南方は安定し、兵器も十分です。三軍を率いて中原を北定し、拙速を尽くし、奸臣を排除し、漢室を興し、旧都に還すべきです。これが臣が先帝に報告し、陛下に忠誠を尽くす理由です。また、適宜損益を勘案し、忠言を尽くすことは、攸之、祎、允の任務です。
陛下は臣を討伐興復の効果を托して、効果がないなら臣の罪を治して先帝の霊に告げます。若しくは興德の言葉がないなら、攸之、祎、允などが慢を責め、その過ちを明らかにします；陛下も自分で計画を立てて、善道を尋ね、雅言を受け入れ、先帝の遺詔を深く追うべきです。臣は恩を感じ、感謝しています。
今当遠離，臨表涕零，不知所言。/p>
</body>
</html>