Blogger៖ រចនាប័ទ្ម CSS សម្រាប់កូដនៅលើប្លុករបស់អ្នក។
មិត្តម្នាក់បានសួរខ្ញុំពីរបៀបដែលខ្ញុំបង្កើតតំបន់កូដនៅក្នុងធាតុ Blogger ។ ខ្ញុំបានធ្វើវាដោយប្រើស្លាករចនាប័ទ្មសម្រាប់ CSS នៅក្នុងគំរូ Blogger របស់ខ្ញុំ។ នេះជាអ្វីដែលខ្ញុំបានបន្ថែម៖
p.code {
font-family: Courier New;
font-size: 8pt;
border-style: inset;
border-width: 3px;
padding: 5px;
background-color: #FFFFFF;
line-height: 100%;
margin: 10px;
}
p.code
៖ នេះគឺជាច្បាប់ CSS ដែលកំណត់គោលដៅ HTML<p>
ធាតុដែលមានឈ្មោះថ្នាក់ "កូដ" ។ វាមានន័យថាកថាខណ្ឌណាមួយដែលមានថ្នាក់នេះនឹងត្រូវបានកំណត់រចនាប័ទ្មតាមលក្ខណៈសម្បត្តិខាងក្រោម។font-family: Courier New;
៖ លក្ខណសម្បត្តិនេះកំណត់គ្រួសារពុម្ពអក្សរទៅជា “Courier New”។ វាបញ្ជាក់ពុម្ពអក្សរដែលនឹងត្រូវបានប្រើសម្រាប់អត្ថបទនៅក្នុងធាតុគោលដៅ។font-size: 8pt;
៖ លក្ខណសម្បត្តិនេះកំណត់ទំហំពុម្ពអក្សរដល់ ៨ ពិន្ទុ។ អត្ថបទនៅក្នុងធាតុគោលដៅនឹងត្រូវបានបង្ហាញនៅទំហំពុម្ពអក្សរនេះ។border-style: inset;
៖ លក្ខណសម្បត្តិនេះកំណត់រចនាប័ទ្មព្រំដែនទៅជា "បញ្ចូល"។ វាបង្កើតរូបរាងលិច ឬចុចសម្រាប់ព្រំដែនជុំវិញធាតុដែលបានកំណត់។border-width: 3px;
៖ លក្ខណសម្បត្តិនេះកំណត់ទទឹងស៊ុមដល់ 3 ភីកសែល។ ស៊ុមជុំវិញធាតុនឹងមានកម្រាស់ 3 ភីកសែល។padding: 5px;
៖ លក្ខណសម្បត្តិនេះបន្ថែម 5 ភីកសែលនៃបន្ទះជុំវិញមាតិកានៅខាងក្នុងធាតុគោលដៅ។ វាផ្តល់គម្លាតរវាងអត្ថបទ និងស៊ុម។background-color: #FFFFFF;
៖ លក្ខណសម្បត្តិនេះកំណត់ពណ៌ផ្ទៃខាងក្រោយទៅជាពណ៌ស (#FFFFFF)។ មាតិកានៅក្នុងធាតុគោលដៅនឹងមានផ្ទៃខាងក្រោយពណ៌ស។line-height: 100%;
៖ លក្ខណសម្បត្តិនេះកំណត់កម្ពស់បន្ទាត់ទៅ 100% នៃទំហំពុម្ពអក្សរ។ វាធានាថាបន្ទាត់អត្ថបទត្រូវបានដកឃ្លាតាមទំហំពុម្ពអក្សរ។margin: 10px;
៖ លក្ខណសម្បត្តិនេះបន្ថែមរឹម 10 ភីកសែលជុំវិញធាតុទាំងមូល។ វាផ្តល់គម្លាតរវាងធាតុនេះ និងធាតុផ្សេងទៀតនៅលើទំព័រ។
កូដ CSS ដែលបានផ្ដល់ឱ្យកំណត់រចនាប័ទ្មសម្រាប់កថាខណ្ឌ HTML ជាមួយនឹងថ្នាក់ "កូដ" ។ វាកំណត់ពុម្ពអក្សរ ទំហំពុម្ពអក្សរ រចនាប័ទ្មស៊ុម ទទឹងស៊ុម បន្ទះពណ៌ផ្ទៃខាងក្រោយ កម្ពស់បន្ទាត់ និងរឹមសម្រាប់កថាខណ្ឌទាំងនេះ។ រចនាប័ទ្មនេះអាចត្រូវបានអនុវត្តចំពោះផ្នែកតូចៗនៃកូដ ឬអត្ថបទដែលបានធ្វើទ្រង់ទ្រាយជាមុននៅក្នុងការបង្ហោះ Blogger ដើម្បីផ្តល់ឱ្យពួកគេនូវរូបរាងជាក់លាក់។
នេះជារបៀបដែលវានឹងមើលទៅ៖
p.code {
font-family: នាំសំបុត្រថ្មី;
ទំហំពុម្ពអក្សរ៖ 8pt;
រចនាប័ទ្មព្រំដែន: បញ្ចូល;
ទទឹងព្រំដែន៖ 3px;
ចន្លោះទ្រនាប់៖ 5px;
ពណ៌ផ្ទៃខាងក្រោយ៖ #FFFFFF;
កម្ពស់បន្ទាត់: 100%;
រឹម៖ 10px;
}
រីករាយកូដ