Рамка (шекара)

Элемент айналасындағы рамканың стилін анықтайды.

Синтаксис

border: [border-width || border-style || border-color] | inherit
Мысал

p {border: 2px dotted red}

Шрифт

Бір мезетте шритфтің бірнеше қасиетін анықтайды.

Синтаксис

font: [font-style||font-variant||font-weight] font-size [/line-height] font-family | inherit

Орналастыру

bottom элементті төменгі шекараға сәйкес жылжытады. position қасиетімен қатар қолданылады.

Мысал

p {
position: relative;
bottom: 200px;
}

position элементті браузер терезесіне сәйкес орналастыру тәсілін анықтайды.

Синтаксис

position: absolute | fixed | relative | static | inherit

left элементті сол жақ шекараға сәйкес жылжытады. position қасиетімен қатар қолданылады.

p {
position: absolute;
left: 80px;
}

right элементті оң жақ шекараға сәйкес жылжытады. position қасиетімен қатар қолданылады.

p {
position: relative;
right: 500px;
}

z-index әрбір элемент z-осіне қатысты орналасуына байланысты басқа элементтерден төмен немесе жоғары орналасуы мүмкін. Осындай жағдайды z-index қасиеті басқарады. Бұл қасиет position қасиеті absolute, fixed, relative мәндерін қабылдаған жағдайда жұмыс істейді.

Синтаксис

z-index: cан | auto | inherit

Мысал

div {z-index: 2}