Xurmatli Web sahifani sabr bilan hamma html darslarini o'qib o'rgangan yurtdoshlar, barchangizga tashakkurimni bildiraman. Sizlarni tabriklasam ham bo'ladi sizlar juda muhim bo'lgan bosqichni o'tib bo'ldingiz

table { border:#0000ff; border:2px; }

Download 68,31 Kb. bet 8/8 Sana 30.12.2021 Hajmi 68,31 Kb. #86754

• 
  border:dashed; - dashed chiziqli degan tarjimaga ega. Agar qalinligi belgilanmasa, 1px qilib o'zi olinadi. Rang berilmasa oq bo'ladi, agar biror rang belgilasangiz o'sha rangda bo'ladi. Bu holat quyida ko'rsatilingandir. Bu funksiya bajarilishi uchun avvalo bo'lishi kerak bo'ladi, bo'lsa jadvalimiz chiziqlari yo'q degani shuning uchun uning chegarasini chiziq bilan belgilashning hojati yo'qdir.
  

  table { border:#0000ff; border:dashed; }
  table { border:#0000ff; border:3px; border:dashed; }

  • 
    border:dotted; - dotted nuqtali degan tarjimaga ega. Agar qalinligi belgilanmasa, 1px qilib o'zi olinadi. Rang berilmasa oq bo'ladi, agar biror rang belgilasangiz o'sha rangda bo'ladi. Bu holat quyida ko'rsatilingandir. Bu funksiya bajarilishi uchun avvalo bo'lishi kerak bo'ladi, bo'lsa jadvalimiz chiziqlari yo'q degani shuning uchun uning chegarasini nuqtali qilib belgilashning hojati yo'qdir.
    

    table { border:#0000ff; border:dotted; }
    table { border:#0000ff; border:3px; border:dotted; }
    table { border:#0000ff; border:6px; border:dotted; }

    • 
      border:double; - double ikkitalik degan tarjimaga ega. Agar qalinligi belgilanmasa, 1px qilib o'zi olinadi. Rang berilmasa oq bo'ladi, agar biror rang belgilasangiz o'sha rangda bo'ladi. Bu holat quyida ko'rsatilingandir. Bu funksiya bajarilishi uchun avvalo bo'lishi kerak bo'ladi, bo'lsa jadvalimiz chiziqlari yo'q degani shuning uchun uning chegarasini ikki qavat qilib belgilashning hojati yo'qdir.
      

      table { border:#0000ff; border:double; }

      • 
        border:groove; 16 px qalinlikdagi ushbu ko'rinish groove yordamida yasaladi, aynan nima degan tarjimaga ega ekanligini bilmayman.
        

      table { border:#0000ff; border:groove; border:16px; }

      • 
        border:hidden; hidden berkinish, yashinish degan tarjimalarga egadir. Ya'ni chegaralar ko'rinmas shaklga keladi.
        

      table { border:#0000ff; border:hidden; }

      • 
        border:inset; qalinligini 16 pixel qilib oldim sizga farqi ko'rinishi uchun. Chap va Yuqori qismlari, quyi va o'ng tamonlaridan farqlidir.
        

      table { border:#0000ff; border:inset; border:16px; }

      • 
        border:none; none yo'q deganidir, ya'ni hech qanday chegara yo'q.
        

      table { border:#0000ff; border:none; }

      • 
        border:outset; qalinligini 16 pixel qilib oldim sizga farqi ko'rinishi uchun. Chap va Yuqori qismlari, quyi va o'ng tamonlaridan farqlidir.
        

      table { border:#0000ff; border:outset; border:16px; }

      • 
        border:ridge; ridge inset bilan outset ning birlashmasidir.
        

      table { border:#0000ff; border:ridge; border:16px; }

      • 
        border:solid; solid shunchaki tekis qattiq deganidir.
        

      table { border:#0000ff; border:solid; border:16px; }

      
      Shu yerda bir narsani ta'kidlamoqchi edim. Yuqorida ishlatilingan:
      
      table {
      border:#0000ff;
      border:solid;
      border:16px;
      }
      
      ning o'rniga bitta qilib har birining orasida bittadan joy tashlagan holda table {border:#0000ff solid 16px;} yozsak ham bo'laveradi, o'rinlari almashib kelishining ahamiyati yo'q.
      
      border-bottom: ;- jadvalning faqat quyi qismiga ishlov berish uchun ishlatiladi. Yuqoridagi barcha qoidalar bu uchun ham o'rinlidir. Masalan:
      

      table { border-bottom:#0000ff; border:ridge; border:16px; }

      
      border-left: ;- jadvalning faqat chap qismiga ishlov berish uchun ishlatiladi. Yuqoridagi barcha qoidalar bu uchun ham o'rinlidir. Masalan:
      

      table { border-left:#0000ff; border:ridge; border:16px; }

      
      border-right: ; - jadvalning faqat o'ng qismiga ishlov berish uchun ishlatiladi. Yuqoridagi barcha qoidalar bu uchun ham o'rinlidir. Masalan:
      

      table { border-right:#0000ff; border:ridge; border:16px; }

      
      border- top: ; - jadvalning faqat yuqori qismiga ishlov berish uchun ishlatiladi. Yuqoridagi barcha qoidalar bu uchun ham o'rinlidir. Masalan:
      

      table { border-top:#0000ff; border:ridge; border:16px; }

      
      border-style: ; - qiymatlari quyidagilar. Bitun bir jadvalga tegishlidir. Agarda jadvalning ma'lum bir tamoniga tegishli bo'lishini hohlasangiz, unda qutyidagilardan birini tamoniga qarab tanlashingiz kerak bo'ladi.
      
      border-top-style: ;
      border-right-style: ;
      border-bottom-style: ;
      border-left-style: ;
      

      dotted

      dashed

      solid

      double

      groove

      inset

      outset

      ridge

      none

      
      Siz shuningdek to'rt tamonini to'rt hil qilishingiz ham mumkindir. U holda quyidagi misolni ko'ring.
      
      border-style:dotted dashed solid double; Birinchi kelgani (dotted) jadvalning yuqori qismi uchun, ikkinchi kelgani (dashed) o'ng tarafi uchun, uchunchi kelgani (solid) quyi qismi uchun, ohirgi to'rtinchisi (double) chap tarafi uchun.
      

      table {border-style:dotted dashed solid double;}

      
      border-width: ; - qiymatlari thin medium thick va px (pixel) o'lchamdagi istalgan qiylatlardir. Bitun bir jadvalga tegishlidir. Agarda jadval qalinligi jadvalning ma'lum bir tamoniga tegishli bo'lishini hohlasangiz, unda quyidagilardan birini tamoniga qarab tanlashingiz kerak bo'ladi.
      
      border-top-width: ;
      border-right-width: ;
      border-bottom-width: ;
      border-left-width: ;
      
      Siz shuningdek to'rt tamonini to'rt hil qalinlikda qilishingiz ham mumkindir. U holda quyidagi misolni ko'ring.
      
      border-width:thin medium thick 5px; Birinchi kelgani (thin) jadvalning yuqori qismi uchun, ikkinchi kelgani (medium) o'ng tarafi uchun, uchunchi kelgani (thick) quyi qismi uchun, ohirgi to'rtinchisi (5px) chap tarafi uchun.
      

      table {border-width:thin medium thick 5px;}

      
      border-color: ; - qiymatlari istalgan rangdir, hohlang Hexa code hohlang rang nomi Ingiliz tilida (Bu haqda HTML darslarda o'tganmiz). Bitun bir jadvalga tegishlidir. Agarda jadvalning ma'lum bir tamoniga tegishli bo'lishini hohlasangiz, unda istalgan rangni birini tamoniga qarab tanlashingiz kerak bo'ladi.
      
      border-top-color: ;
      border-right-color: ;
      border-bottom-color: ;
      border-left-color: ;
      

      border-color:#0000FF;

      border-top-color:#990000;

      border-right-color:#CC00FF;

      border-bottom-color:#FFCC00;

      border-left-color:#CC0000;

      
      Siz shuningdek to'rt tamonini to'rt hil rangda qilishingiz ham mumkindir. U holda quyidagi misolni ko'ring.
      
      border-color:green red blue yellow ; Birinchi kelgan yashil rang (green) jadvalning yuqori qismi uchun, ikkinchi kelgani (red) o'ng tarafi uchun, uchunchi kelgani (blue) quyi qismi uchun, ohirgi to'rtinchisi (yellow) chap tarafi uchun.
      

      table {border-color:green red blue yellow;}