Inline css (ichki css) Siz css qoidalarini belgilashda ixtiyoriy html elementlarning style atributidan foydalana olasiz. Bu qoidalar faqatgina o’sha elementga murojaat qiladi. Umumiy sintaksislardan birini keltiramiz

}
p.one {
border-style: solid; border-width: 5px 20px;
/* yuqori va past chegara qalinligi 5px, o’ng va chap chegara qalinligi 20px */
}
p.two {
border-style: solid; border-width: 20px 5px 50px;
/* chegaralar qalinliklari: yuqori 20 px, o’ng va chap 5px, past 50px */
}
p.three {
border-style: solid; border-width: 25px 10px 4px 35px;
/* chegaralar qalinliklari: 25px top, 10px right, 4px bottom and 35px left */
}
CSS DA CHEGARA QOIDALARINI O’RNATISH
p.round2 {
border: 2px solid red;
border-radius: 8px;
padding: 5px;
}
p.round3 {
border: 2px solid red;
border-radius: 12px;
padding: 5px;
}
border-radius:
CSS DA CHEGARA QOIDALARINI O’RNATISH
border-start-end-radius: 200px 80px;
border-start-end-radius: 200px 100px;
direction: ltr;
border-start-end-radius: 50%;
writing-mode: vertical-lr;
border-start-end-radius: 50%;
writing-mode: vertical-rl;
CSS DA CHEGARA QOIDALARINI O’RNATISH
p { border-style: solid; }
p {
border-top-color: red;
border-right-width: 20px;
border-bottom-style: dotted;
border-bottom-left-radius: 20px;
}
Chegara tomonlariga alohida qoidalar o’rnatish


4 xil chegara dizayniga ega p tegi


CSS DA JADVALLARGA DIZAYN BERISH
Siz jadvalning quyidagi xossalarini o’rnatishingiz mumkin.
border – chegara qalinligi, stili, rangi va hokozo
th, td {
border: 1px solid red;
}
CSS DA JADVALLARGA DIZAYN BERISH
Border-collapse (collapse, separate) xossasi yonma-yon chegaralarning ko’rinishini brouzer nazorat qilishini belgilaydi.