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

CSS DA CHEGARA QOIDALARINI O’RNATISH

border-style xususiyati quyidagi qiymatlarni qabul qiladi:

• border-style xususiyati quyidagi qiymatlarni qabul qiladi:

CSS DA CHEGARA QOIDALARINI O’RNATISH
{border-style: dotted;}
{border-style: dashed;}
{border-style: solid;}
{border-style: double;}
{border-style: groove;}
{border-style: ridge;}
{border-style: inset;}
{border-style: outset;}
{border-style: none;}
{border-style: hidden;}
CSS DA CHEGARA QOIDALARINI O’RNATISH
p.one {
border-style: solid;
border-color: red;
}
p.two {
border-style: solid;
border-color: green;
}
p.three {
border-style: dotted;
border-color: blue;
}
A solid red border
A solid green border
A dotted blue border
CSS DA CHEGARA QOIDALARINI O’RNATISH
p.one {
border-style: solid; border-width: 5px;
/* barcha chegara qalinliklari 5px */
}
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.one {
border-style: solid; border-width: 5px;
/* barcha chegara qalinliklari 5px */