Translate

Total Pageviews

CSS Color

In CSS, a color can be specified by using a predefined color name:

CSS/HTML support 140 standard color names.

Tomato
Orange
DodgerBlue
MediumSeaGreen
Gray
SlateBlue
Violet
LightGray












CSS Background Color

You can set the background color for HTML elements:

Hello World


Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Example

<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>

Try it Yourself »

CSS Text Color

You can set the color of the text:

Hello World

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Example

<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>
Try it Yourself »

CSS Border Color

You can set the color of borders:

Hello World

Hello World

Hello World

Example

<h1 style="border:2px solid Tomato;">Hello World</h1>
<h1 style="border:2px solid DodgerBlue;">Hello World</h1>
<h1 style="border:2px solid Violet;">Hello World</h1>
Try it Yourself »

CSS Color Values

In CSS, colors can also be specified using RGB values, HEX values, HSL values, RGBA values, and HSLA values:

Same as color name "Tomato":

rgb(255, 99, 71)
#ff6347
hsl(9, 100%, 64%)

Same as color name "Tomato", but 50% transparent:

rgba(255, 99, 71, 0.5)
hsla(9, 100%, 64%, 0.5)

Example

<h1 style="background-color:rgb(255, 99, 71);">...</h1>
<h1 style="background-color:#ff6347;">...</h1>
<h1 style="background-color:hsl(9, 100%, 64%);">...</h1>

<h1 style="background-color:rgba(255, 99, 71, 0.5);">...</h1>
<h1 style="background-color:hsla(9, 100%, 64%, 0.5);">...</h1>

CSS Comments

Comments are used to explain the code and may help when you edit the source code at a later date.

Comments are ignored by browsers.

A CSS comment is placed inside the <style> element, and starts with /* and ends with */:

Example

/* This is a single-line comment */
{
  color: red;
}
Try it Yourself »

You can add comments wherever you want in the code:

Example

{
  color: red;  /* Set text color to red */
}
Try it Yourself »

Comments can also span multiple lines: 

Example

/* This is
a multi-line
comment */


{
  color: red;
}
Try it Yourself »

HTML and CSS Comments

From the HTML tutorial, you learned that you can add comments to your HTML source by using the <!--...--> syntax.

In the following example, we use a combination of HTML and CSS comments:

Example

<!DOCTYPE html>
<html>
<head>
<style>
{
  color: red; /* Set text color to red */
}
</style>
</head>
<body>

<h2>My Heading</h2>

<!-- These paragraphs will be red -->
<p>Hello World!</p>
<p>This paragraph is styled with CSS.</p>
<p>CSS comments are not shown in the output.</p>

</body>
</html>

ពាក្យអភិធម្មបិដក

 អភិធម្មបិដក ​ប្រមូល​ចងក្រង​​ពុទ្ធ​វចនៈ​​ក្រុម​​អភិធម្ម ពោល​គឺ​ មូលដ្ឋាន​គ្រិះ​​នៃ​ធម៌ និង ​សេចក្តី​អធិប្បាយ​​ដែល​ជា​មូលវិជ្ជា ដែល​មិន​ជាប់​ពាក់ព័ន្ធ​នឹង​បុគ្គល ឬ ហេតុការណ៍​ផ្សេង​ៗ​ឡើយ។ គម្ពីរ​អភិធម្ម​ ត្រូវ​បាន​បែង​ចែក​ចេញ​ជា ៧ គម្ពីរ។ វិធី​ចងចាំ​សៀវភៅ​ទាំង​នោះ​ គឺ​​ទន្ទេញ​អក្សរ​កាត់​តំណាង​​ឈ្មោះ​គម្ពីរ ពោល​គឺ សំ វិ ធា បុ   

  • សង្គណី ឬ ធម្មសង្គណី (Dhammasangani, Enumeration of Factors) ៖​ ប្រមូល​ខ​នៃ​ធម៌​ជា​ក្រុុមៗ​ រួច​ហើយ​ធ្វើ​ការ​អធិប្បាយ​ខ​នីមួយៗ។
  • វិភង្គ (Vibhanga, Analysis) ៖ ជ្រើស​យក​កងធម៌​សំខាន់ៗ​ធ្វើ​ជា​ប្រធាន​រឿង រួច​ហើយ​បែងចែក​ចេញ​ជា​សេចក្តី​អធិប្បាយ​ចង្អុល​បង្ហាញ​យ៉ាង​លំអិត។
  • ធាតុកថា (Dhatukatha, Discussion of Elements) ៖ សង្គ្រោះ​ខនៃ​ធម៌​ផ្សេងៗ​ចូល​ទៅ​ក្នុង​ខន្ធ អាយតនៈ និង ធាតុ។
  • បុគ្គលបញ្ញតិ (Puggalapannatti, Descriptions of Individuals) ៖ បញ្ញតិ​អត្ថន័យ​របស់​បុគ្គល​ប្រភេទ​ផ្សេងៗ តាម​គុណធម៌​ដែល​មាន​នៅ​ក្នុង​បុគ្គល​ម្នាក់ៗ។
  • កថាវត្ថុ (Kathavatthu, Points of Controversy) ៖ ថ្លែង​ និង វិនិច្ឆ័យ​ទស្សនៈ​របស់​និកាយ​ផ្សេងៗ នៅ​សម័យ​សង្គាយនា​លើក​ទី ៣។
  • យមក (Yamaka, The Pairs) ៖ លើក​យក​មេកង​ធម៌​មក​វិនិច្ឆ័យ​ដោយ​វិធី​ចោទ​ឆ្លើយ ដោយ​ការ​តាំង​សំណួរ​ជា​គូ​ៗ ។
  • បដ្ឋាន ឬ មហាបករណ (Patthana, Foundational Conditions, Relations) ៖ អធិប្បាយ​បច្ច័យ​ ២៤ សំដែង​អំពី​សម្ព័ន្ធ​​​នៃ​ធម៌​ទាំង​ឡាយ​ដោយ​ពិស្តារ។