Ostatnio edytowany:

top

Autor: Virtual Patriot

Przeznaczenie wartości top

Wartość top wskazuje na górną krawędź elementu HTML.

różne pojedyncze wartości pozycjonujące

Porównanie pojedynczych wartości pozycjonujących występujących w języku CSS.

Przykład wartości top

obrazek, który został dodany do obszaru tła tego elementu "div" znajduje się przy górnej krawędzi tego elementu "div", ponieważ do tego elementu "div" została dodana właściwość "background-position" wraz z wartością "top"

Kod źródłowy przykładu

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs CSS</title>

    <style>
      html {
        font-size:16px;
        font-family:Helvetica, sans-serif;
      }

      div {
        background-image:url(http://webkod.pl/files/css/obrazek-01.png);
        background-repeat:no-repeat;
        background-position:top;
        min-height:250px;
        padding:1em;
        font-size:1.3em;
        background-color:#AFF;
      }
    </style>
  </head>

  <body>

    <div>
      obrazek, który został dodany do obszaru tła tego elementu "div" znajduje się przy górnej krawędzi tego elementu "div", ponieważ do tego elementu "div" została dodana właściwość "background-position" wraz z wartością "top"
    </div>

  </body>
</html>

Interpretacja wartości top

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak