CSS வண்ணங்கள்
CSS இல், வண்ணங்கள் முன்கட்டமைக்கப்பட்ட வண்ணப் பெயரைப் பயன்படுத்தி அல்லது RGB, HEX, HSL, RGBA, HSLA மதிப்புகளுடன் குறிப்பிடப்படுகின்றன.
CSS வண்ணப் பெயர்கள்
CSS இல், ஒரு வண்ணம் முன்கட்டமைக்கப்பட்ட வண்ணப் பெயரைப் பயன்படுத்தி குறிப்பிடப்படலாம்:
CSS/HTML 140 தரநிலை வண்ணப் பெயர்களை ஆதரிக்கின்றன.
CSS பின்னணி வண்ணம்
HTML உறுப்புகளுக்கு பின்னணி வண்ணத்தை அமைக்கலாம்:
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.
எடுத்துக்காட்டு
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem ipsum...</p>CSS உரை வண்ணம்
உரையின் வண்ணத்தை அமைக்கலாம்:
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.
எடுத்துக்காட்டு
<h1 style="color:Tomato;">Hello World</h1>
<p style="color:DodgerBlue;">Lorem ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi enim...</p>CSS எல்லை வண்ணம்
எல்லைகளின் வண்ணத்தை அமைக்கலாம்:
Hello World
Hello World
Hello World
எடுத்துக்காட்டு
<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>CSS வண்ண மதிப்புகள்
CSS இல், வண்ணங்கள் RGB மதிப்புகள், HEX மதிப்புகள், HSL மதிப்புகள், RGBA மதிப்புகள் மற்றும் HSLA மதிப்புகளைப் பயன்படுத்தியும் குறிப்பிடப்படலாம்:
"Tomato" வண்ணப் பெயரைப் போலவே:
rgb(255, 99, 71)
RGB மதிப்பு
#ff6347
HEX மதிப்பு
hsl(9, 100%, 64%)
HSL மதிப்பு
"Tomato" வண்ணப் பெயரைப் போலவே, ஆனால் 50% வெளிப்படையான:
rgba(255, 99, 71, 0.5)
RGBA மதிப்பு
hsla(9, 100%, 64%, 0.5)
HSLA மதிப்பு
எடுத்துக்காட்டு
<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>வண்ண மதிப்புகள் பற்றி மேலும் அறிக
நீங்கள் அடுத்த அத்தியாயங்களில் RGB, HEX மற்றும் HSL பற்றி மேலும் அறிந்து கொள்வீர்கள்.
CSS பயிற்சிகள்
பயிற்சி:
பின்வருவனவற்றில் எது CSS இல் முன்கட்டமைக்கப்பட்ட வண்ணப் பெயர்?