CSS ranglar
CSS ranglari
CSS’da ranglar oldindan belgilangan rang nomi yoki RGB, HEX, HSL, RGBA, HSLA qiymati bilan belgilanadi.
CSS rang nomlari
CSS’da rang oldindan belgilangan rang nomi bilan belgilanishi mumkin:
CSS/HTML support 140 ta standart rang nomini.
CSS fon rangi
HTML elementlari uchun fon rangini belgilashingiz mumkin:
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.
Misol
<h1 style="background-color:DodgerBlue;">Hello World</h1>
<p style="background-color:Tomato;">Lorem
ipsum...</p>
O‘zingiz sinab ko‘ring »
CSS matn rangi
Matn rangini belgilashingiz mumkin:
Salom Dunyo
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.
Misol
<h1 style="color:Tomato;">Hello
World</h1>
<p style="color:DodgerBlue;">Lorem
ipsum...</p>
<p style="color:MediumSeaGreen;">Ut wisi
enim...</p>
O‘zingiz sinab ko‘ring »
CSS chegara rangi
Chegara rangini belgilashingiz mumkin:
Salom Dunyo
Salom Dunyo
Salom Dunyo
Misol
<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>
O‘zingiz sinab ko‘ring »
CSS rang qiymatlari
CSS’da ranglar RGB, HEX, HSL, RGBA va HSLA qiymatlari bilan ham belgilanishi mumkin:
"Tomato" rang nomi bilan bir xil:
"Tomato" rang nomi bilan bir xil, lekin 50% shaffof:
Misol
<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>
O‘zingiz sinab ko‘ring »
Rang qiymatlari haqida ko‘proq bilib oling
Video: CSS ranglariga kirish
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!