CSS mabaki ya inset

Uhusiano na matumizi

inset Hifadhi ya kiwango kilichohusiana na ukoo wa kiwango cha kina kwa ukoo wa kina cha kwanza.

Kwenda nafasi ya huzuni:Ikiwa tabia hii inaonekana, lazima kusababishwe: position Tabia.

inset Tabia inaingiza tabia zifuatazo:

• top
• bottom
• left
• right

inset Thamani ya tabia inaweza kuwaingizwa kwa sababu mbalimbali:

Ikiwa thamani ya inset ina namba nne:

inset: 15px 30px 60px 90px;

• Masaa ya kina ni 15px
• Masaa ya kimaadili ni 30px
• Masaa ya kina ya chini ni 60px
• Masaa ya kina ni 90px

Ikiwa thamani ya inset ina namba tatu:

inset: 15px 30px 60px;

• Masaa ya kina ni 15px
• Masaa ya kina na kimaadili ni 30px
• Masaa ya kina ya chini ni 60px

Ikiwa thamani ya inset ina namba mbili:

inset: 15px 30px;

• Masaa ya kina ya chini na kina ya kimaadili ni 15px
• Masaa ya kina na kimaadili ni 30px

Ikiwa thamani ya inset ina namba moja:

inset: 10px;

• Masaa ya kina, kimaadili, kina ya chini, na kina ya kimaadili ni 10px

Mfano

Mfano 1

Kusababisha masaa kati ya elementi <div> na kina yake kwenye mstari:

div {
  inset: 35px;
}

Tafuta kwa mwenyewe

Mfano 2

Kuwa na thamani ya tabia <div> ya kina inaonyesha masaa: inset Thamani ya tabia inasababisha masaa kati ya elementi <div> na kina yake kwenye ukubwa wa mstari: 15px kwenye kina na chini, 30px kwenye eneo la kimaadili:

div {
  inset: 15px 30px;
}

Tafuta kwa mwenyewe

Mfano 3

Kuwa na thamani ya tabia <div> ya kina inaonyesha masaa: inset Thamani ya tabia inasababisha masaa kati ya elementi <div> na kina yake kwenye ukubwa wa mstari: 15px kwenye kina, 30px kwenye eneo la kimaadili, 60px kwenye kina ya chini:

div {
  inset: 15px 30px 60px;
}

Tafuta kwa mwenyewe

Mfano 4

Kuwa na thamani ya tabia <div> ya kina inaonyesha masaa: inset Thamani ya tabia inasababisha masaa kati ya elementi <div> na kina yake kwenye ukubwa wa mstari: 15px kwenye kina, 30px kwenye eneo la kimaadili, 60px kwenye kina ya chini, 90px kwenye kina la kimaadili:

div {
  inset: 15px 30px 60px 90px;
}

Tafuta kwa mwenyewe

Inayotumika kwa lugha ya CSS

inset: auto|length|initial|inherit;

Thamani ya tabia

Vifaa ya kidhahabshi

Matumizi ya barua

Jumla ya tabia hizi inaonyesha sababu ya barua ya kwanza ambayo inahusiana na tabia hii.

Vipindi vya kusikitika

Mafunzo:Tengeneza CSS

Tafadhali tazama:Hisia position

Tafadhali tazama:Mfano wa CSS bottom

Tafadhali tazama:CSS mabaki ya left

Tafadhali tazama:Hisia right

Tafadhali tazama:Mfano wa top katika CSS