• Kasblar
    • HTML
    CSS
    JavaScript
    PHP
    SQL
    Python
  • Bo'limlar
    • Yangiliklar
    Texnologiyalar
    Maqolalar

    Colors

    Color so'zi rang deb tarjima qilinadi. Bu darsda sizlar bilan Html da ranglar haqida gaplashamiz.

    Html da ranglar oldindan ma'lum bo'lgan rang nomi yoki RGB, HEX, HSL, RGBA, yoki HSLA ko'rinishida yozilishi mumkin.

    Htlm da oldindan ma'lum qilib qo'yilgan ranglar mavjud va ular inglizcha nom bilan belgilangan.

    Masalan  red - qizil, yellow - sariq, blue - ko'k va  hokozo. 

    Ranglarning RGB, HEX, HSL, RGBA, yoki HSLA qiymatidagi ko'rinishini keyingi darslarda batafsil tushuntiriladi.

     

    Background Color

    Background  so'zini tarjimasi orqa fon bo'ladi. Demak  background color so'zini tarjimasi orqa fon rangi bo'ladi.

     background-color  xususiyati orqali elementning orqa fon rangini o'zgarish mumkin.

    Namuna

    <!DOCTYPE html>
<html>
<body>

<p style="background-color:Tomato;">Tomato</p>
<p style="background-color:Orange;">Orange</p>
<p style="background-color:rgb(255, 0, 0);">rgb(255, 0, 0)</p>
<p style="background-color:#3cb371;">#3cb371</p>
<p style="background-color:Gray;">Gray</p>
<p style="background-color:rgb(106, 90, 205);">rgb(106, 90, 205)</p>
<p style="background-color:#ee82ee;">#ee82ee</p>
<p style="background-color:hsl(0, 17%, 50%);">hsl(0, 17%, 50p </p>

</body>
</html>

    Natija

    Namunaga ahamiyat bering unda background-color  xususiyatidan foydalanildi va bu xususiyat elementning (tagning) orqa fondini o'zgartirish uchun ishlatiladi.

    Text Color

    Text Color so'zini tant rangi deb tarjima qilinadi.

     text-color  xususiyati orqali  teksning  rangini o'zgartirsak bo'ladi. Ya'ni yozuvning rangini o'zgartiradi.

    Namuna

    <!DOCTYPE html>
<html>
<body>

<p style="color:Tomato;">Tomato</p>
<p style="color:Orange;">Orange</p>
<p style="color:rgb(255, 0, 0);">rgb(255, 0, 0)</p>
<p style="color:#3cb371;">#3cb371</p>
<p style="color:Gray;">Gray</p>
<p style="color:rgb(106, 90, 205);">rgb(106, 90, 205)</p>
<p style="color:#ee82ee;">#ee82ee</p>
<p style="color:hsl(0, 17%, 50%);">hsl(0, 17%, 50p </p>

</body>
</html>

    Natija

    Border Color

    Border  so'zi chegara deb tarjima qilinadi. Manosi elementning chegarasini bildiradi.

    Html da har bitta elementning chegarasi  bo'ladi va shu chegarani ko'rinishini bemalol o'zgartirsak bo'ladi. Css da bu mavzu bo'yicha to'liq  ma'lumot berilgan.

    Namuna

    
      <!DOCTYPE html>
<html>
<body>

<p style="border:2px solid Tomato;">Tomato</p>
<p style="border:2px solid Orange;">Orange</p>
<p style="border:2px solid rgb(255, 0, 0);">rgb(255, 0, 0)</p>
<p style="border:2px solid #3cb371;">#3cb371</p>
<p style="border:2px solid Gray;">Gray</p>
<p style="border:2px solid rgb(106, 90, 205);">rgb(106, 90, 205)</p>
<p style="border:2px solid #ee82ee;">#ee82ee</p>
<p style="border:2px solid hsl(0, 17%, 50%);">hsl(0, 17%, 50p </p>

</body>
</html>

    Natija