CSS top 属性

Paglilinang at Paggamit

Ang katangian ng top ay nagtatalaga ng taas na gilid ng elemento. Ang katangian na ito ay nagtatalaga ng pag-iisa ng nakapalibot na hangganan ng nakatalagang elemento sa hangganan ng itaas ng kanyang kasaliang bloke.

Komento:Kung ang halaga ng "position" ay "static", ang pagtatakda ng "top" ay hindi makakarating sa anumang epekto.

Paliwanag

Para sa mga elemento na static, ito ay auto; para sa halaga ng haba, ito ay ang katumbas na walang kabatiran na haba; para sa porsyento ng halaga, ito ay ang tinukoy na halaga; kung hindi, ito ay auto.

Para sa mga elemento na tinukoy na kahalintulad, kung ang top at bottom ay parehong auto, ang halaga ng bawat isa ay 0; kung isa ay auto, ang halaga ng isa ay ang kabaligtaran ng isa; kung parehong hindi auto, ang bottom ay kumuha ng kabaligtaran ng top.

Bilang karagdagan:

Tuturo ng CSS:Pagsasadya ng CSS

Manwal ng HTML DOM:Top na katangian

Halimbawa

Itakda ang itaas na gilid ng imahe sa ilalim ng itaas na gilid ng kasaliang elemento ng 5 pixel na taas:

img
  {
  position:absolute;
  top:5px;
  }

Subukan nang personal

Grammar ng CSS

top: auto|length|initial|inherit;

Halaga ng katangian

Halaga Paglalarawan
auto Default Value. Ang posisyon ng itaas na gilid ay kalkulang ginawa ng browser.
% Itakda ang itaas na posisyon ng elemento sa pamamagitan ng porsyento ng kasaliang elemento. Maaaring gamitin ang mga negatibong halaga.
length Gamitin ang mga yunit ng length tulad ng px, cm upang itakda ang itaas na posisyon ng elemento. Maaaring gamitin ang mga negatibong halaga.
inherit Itututurang mula sa ama elementong pang top na katangian ng value.

Detalye ng Teknolohiya

Default Value: auto
Inherency: no
Bersiyon: CSS2
Grammar ng JavaScript: object.style.top="50px"

Higit pang mga halimbawa

Gamitin ang tiyak na halaga upang itakda ang itaas na gilid ng imahe
Ito ay nagpakita kung paano gamitin ang tiyak na halaga upang itakda ang itaas na gilid ng imahe.
Gamitin ang porsyento upang itakda ang itaas na gilid ng imahe
Ito ay nagpakita kung paano gamitin ang porsyento ng halaga upang itakda ang itaas na gilid ng imahe.

Suporta ng Browser

Ang numero sa talahanan ay nagtatalaga ng unang bersiyon ng browser na ganap na sumusuporta sa katangian na iyon.

Chrome IE / Edge Firefox Safari Opera
1.0 5.0 1.0 1.0 6.0