مثال على خاصية CSS3 column-rule-color - محرر أمثلة عبر الإنترنت (oldtoolbag.com)

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS3 column-rule-color property example - Basic tutorial (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;
        /* Standard syntax */
        column-count: 3;
        column-gap: 100px;
        column-rule-color: red;
        column-rule-width: 2px;
        column-rule-style: solid;
    }
</style>
</head>
<body>
    <p>
 先帝创业未半而中道崩殂，今天下三分，益州疲弊，此诚危急存亡之秋也。然侍卫之臣不懈于内，忠志之士忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气，不宜妄自菲薄，引喻失义，以塞忠谏之路也。
宫中府中，俱为一体，陟罚臧否，不宜异同。若有作奸犯科及为忠善者，宜付有司论其刑赏，以昭陛下平明之理，不宜偏私，使内外异法也。
侍中、侍郎郭攸之、费祎、董允等，此皆良实，志虑忠纯，是以先帝简拔以遗陛下。愚以为宫中之事，事无大小，悉以咨之，然后施行，必能裨补阙漏，有所广益。
الجنرال هونغ تشونغ، سلوكه وأخلاقه هادئان، يفهم العسكرية جيدًا، تم اختباره في الماضي، وقال الإمبراطور السابق إنه قادر، لذا اقترح الجميع أن يُعين تشونغ كرئيس. أعتقد أن يجب استشارته في جميع الأمور في المخيم، وأن يجعل الصفوف تتوافق معًا، وأن يجعل الأفضل والأقل يُحصلان على ما يستحقونه.
الاحتفاظ بالأمينين، والابتعاد عن الأشرار، هذا هو السبب في ازدهار الإمبراطورية السابقة; الالتحاق بالأشرار، والابتعاد عن الأمينين، هذا هو السبب في انهيار الإمبراطورية السابقة. عندما كان الإمبراطور السابق على قيد الحياة، كان يتحادث معي في هذه المسألة، لم يكن يُحزن أو يُعترض على هوانغ ولمين. نائب الرئيس، رئيس الوزراء، رئيس اللجنة، نائب الرئيس، هؤلاء جميعهم كانوا من الأمينين الذين ماتوا من أجل المبادئ، يرجى أن يُقبل اللورد على أن يثق بهم ويُثق بهم، فإن ازدهار الإمبراطورية يمكن حسابه في أيام.
كنت أرتدي ثوبًا بسيطًا، أزرع في نانغو، أتمنى أن أُنقذ حياتي في فوضى، وألا أطلب الشهرة في ملوك الولايات. لم يكن الإمبراطور السابق يعتبرني متواضعًا، ولكنه تذلل نفسه، زارني ثلاث مرات في مأوى البناء، وسألني عن أمور عصرنا، وأنا شعرت بالامتنان، ووافقت على أن أُدفع للإمبراطور السابق. بعد ذلك، في الوقت الذي وقع فيه الهزيمة، تم تعييني في الوقت الذي كانت فيه الأزمة، ومرت 21 عامًا.
يعلم الإمبراطور السابق أنني متأنٍ، لذا أوكل إليّ الأعمال الكبرى عند موته. منذ أن تلقيت الوظيفة، كنت أتألم في الليل والنهار، أخاف أن لا أفي بتعهداتي، مما يضر بسمعة الإمبراطور السابق، لذا عبرت النهر في مايو، وذهبت إلى الأراضي غير الصالحة. الآن، بعد أن وضعت الجنوب، وتم جمع الأسلحة، يجب على الجيش أن يُعزز ويُدخل المركز، ويستخدم كل ما لديه، ويطرد المجرمين، ويُعيد الإمبراطورية هان إلى العاصمة القديمة. هذا هو السبب في أنني أردت أن أُظهر للإمبراطور السابق ولللورد ولاءي، وأداء واجبي كموظف.
يرجى أن يولك اللورد على أن يكلفني بتحقيق هدف الهزيمة للشيطان وإعادة الإعمار، إذا لم يتحقق، فإنه يجب على العدالة أن تُعاقبني، وأن يُخبر روح الإمبراطور السابق. إذا لم يكن هناك أي كلمات لتحسين الأخلاق، فإنه يجب على اللورد أن يُحاسبه على تهمة التباطؤ من يو، يي، يون، وأن يُظهر خطأهم; يجب على اللورد أيضًا أن يخطط بنفسه، وأن يُستشار في الطرق الجيدة، وأن يُنظر في الكلمات الجميلة، وأن يتبع أوامر الإمبراطور السابق، وأنا لا أستطيع تحمل نعمة الإعطاء.
اليوم، يجب أن أبتعد، وأنا ألقي دموعًا على الوجه، لا أعرف ما أقول. </p>
</body>
</html>