5) css box model4. Свойства на размерите
height (височина)
max-height (максимална височина)
min-height (минимална височина)
width (дължина)
max-width (максимална дължина)
min-width (минимална дължина)
4
5. Margins & Paddings
margin
(съкратен синтаксис)
margin-bottom
margin-left
margin-right
margin-top
padding
(съкратен синтаксис)
padding-bottom
padding-left
padding-right
padding-top
5
6. Лесно за помнене
Свойствата, които имат четири посоки в CSS
могат да се съкращават, като липсващите
стойности се заменят със срещуположните
Изброяването става по часовниковата
стрелка
6
7. Кратък синтаксис за 4те
посоки
10px;
10px 20px;
10px 20px 30px;
10px 20px 30px 40px;
Top Right Bottom Left
10px 10px 10px 10px;
10px 20px 10px 20px;
10px 20px 30px 20px;
10px 20px 30px 40px;
7
8. Borders / Очертания
border-top-width
border-right-width
border-bottom-width
border-left-width
border-top-style
border-right-style
border-bottom-style
border-left-style
border-top-color
border-right-color
border-bottom-color
border-left-color
width
• 1px;
• 5px;
style
• none
• dotted
• solid
• double
• groove
• ridge
• inset
• outset
color
• red
8
9. Border(кратки синтаксис)
По типове
border-width
border-style
border-color
border
(кратък синтаксис)
По посоки
border-top
border-right
border-bottom
border-left
Таблици
border-collapse
border-spacing
9
11. Други свойства на блок
елементите
overflow-x
overflow-y
overflow:
• visible
• hidden
• auto
• scroll
text-overflow:
• clip
• ellipsis
• “string” (firefox)
visibility:
• visible
• hidden
11