Beispiel:CSS3 shape-3.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" media="screen" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css">
  <title>CSS - shape 3</title>
  <style>
img.form {
  float: left;
  shape-outside: url(https://wiki.selfhtml.org/images/e/ee/Rugby.png);
  shape-image-threshold: 0.0;
  shape-margin: 2em;
}

  </style>
</head>

<body id="go">
  <h1>CSS - shape-outside: url()</h1>

  <p>Ziel des Rugbyspiels ist es, den Ball am Gegner vorbei zu tragen oder zu kicken und dadurch Punkte zu erzielen. Dies kann auf verschiedene Arten geschehen:</p>
  <ul>
    <li><strong>Versuch</strong> (engl. <em>try</em>): Ein Versuch wird erzielt, wenn es gelingt, den Ball im gegnerischen Malfeld auf dem Boden abzulegen.</li>
    <li><strong>Erhöhung</strong> (engl. <em>conversion</em>): Nach einem erfolgreichen Versuch hat die angreifende Mannschaft das Recht, den ruhenden Ball von einem beliebigen Punkt auf einer gedachten Linie parallel zur Seitenauslinie durch den Punkt, an dem der Versuch gelegt wurde, zwischen die H-förmigen Malstangen über die Querstange zu treten.</li>
    <li><strong>Sprungtritt</strong> (engl. <em>dropkick</em>): Ein Spieler tritt den Ball, der vorher den Boden berührt haben muss, aus dem laufenden Spiel heraus zwischen die Malstangen und über die Querstange.</li>
    <li><strong>Straftritt</strong> (engl. <em>penalty kick</em>): Ein erfolgreicher Tritt auf die Malstangen von einem Punkt aus, an dem ein schwererer Regelverstoß der gegnerischen Mannschaft stattfand.</li>
  </ul>

  <img class="form" src="https://wiki.selfhtml.org/images/e/ee/Rugby.png" alt="">
  <p>
Der Ball darf mit der Hand nur nach hinten geworfen oder übergeben werden. Wenn der Ball jedoch nach vorne geworfen wird, muss ein Gedränge ausgeführt werden (engl. scrum). Das Gedränge beschreibt das gegenseitige Anbinden der mit 1 bis 8 nummerierten Spieler, die dann „um den Ball schieben“. Man könnte es als eine Art Kräftemessen bezeichnen: Die Spieler stehen in gebückter Haltung mit geradem Rücken, mit dem Gegner ineinander verschachtelt, voreinander und versuchen durch gemeinsames Drücken den Gegner wegzuschieben und somit den Ball für das eigene Team freizugeben.</p>
<p>
Treten des Balles ist in alle Richtungen erlaubt. Nur der balltragende Spieler darf angegriffen werden. Es ist erlaubt, diesen durch Umklammern und Tiefhalten (engl. tackle) unterhalb der Schulterlinie zu behindern und ihn nach Möglichkeit zu Fall zu bringen. Ein Spieler, welcher mit mehr Körperfläche als den Fußsohlen den Boden berührt, hat den Ball unmittelbar loszulassen und darf nicht mehr nach diesem greifen; tut er dies nicht, bekommt die gegnerische Mannschaft den Ball. Wenn der Spieler auf dem Boden liegt, dürfen von beiden Teams andere Spieler nach dem Ball schieben und drücken, dürfen dabei aber nicht die Hände benutzen. Schlagen und Beinstellen ist beim Tiefhalten streng verboten.</p>

</body>
</html>
Abgerufen von „http://wiki.selfhtml.org/index.php?title=Beispiel:CSS3_shape-3.html&oldid=69615“