属性 na CSS grid-row-end

Definition and Usage

Attribute taɗa grid-row-end tana nuna abin da ake kama a cikin abin da ake kama a cikin abin da ake kama a cikin.

Gaba ɗaya taɗa nuna example.

Kara karin:

CSS Tutorial:CSS Grid Layout

Example

Example 1

Samar da "item1" ya kai abin da yana kama a cikin ɗaya.

.item1 {
  grid-row-end: span 3;
}

Sake ɗaukar samar da:

Example 2

Aza zaɗaɗa samar da kanamawa taɗa nuna abin da ake kama a cikin abin da ake kama a cikin.

.item1 {
  grid-row-end: 3;
}

Sake ɗaukar samar da:

Syntax taɗa CSS

grid-row-end: auto|row-line|span n;

Attribute value

Value Description
auto Dakin. Abin da ake kama a cikin ya kai abin da yana kama a cikin.
span n Dabara taɗa nuna abin da ake kama a cikin abin da ake kama a cikin.
column-line Dabara taɗa nuna abin da ake ɗaukar kama a cikin abin da ake kama a cikin.

Rarrabawar fasaha

Dakin: auto
Naɗaɗa: No
Animation a cikin: Tasance. Ci gaba da:Attributes taɗa animation.
Wurin: CSS Grid Layout Module Level 1
Syntax taɗa JavaScript: object.style.gridRowEnd="4"

Tasance a cikin browser

Tabbinen kanamawa hanyan suna nasshiyawa taɗa kawo alama taɗa shirin gida a hanyar wanda ke tallafawa wannan matsayi.

Chrome IE / Edge Firefox Safari Opera
57 16 52 10 44