Rand

Rand ist ein Begriff aus dem Bereich Seitenlayout, der sowohl im Druck- als auch im Webpublishing verwendet wird. Beim Drucken bezieht sich „Rand“ normalerweise auf die Seitenränder, während er im Web den Abstand zwischen Elementen auf einer Webseite beschreibt.

1. Gedruckte Seiten

Wenn Sie ein neues Dokument in einem Textverarbeitungsprogramm erstellen, sind die Standardränder normalerweise auf allen Seiten auf einen Zoll festgelegt. Je nach Programm können die Seitenränder jedoch zwischen 0,75 und 1,25 Zoll liegen. Diese Ränder bilden einen Rahmen um den Inhalt der Seite, sodass der Text nicht bis an die Ränder reicht. Der Leerraum an den Seitenrändern des Dokuments lässt die Seite übersichtlicher aussehen, und der Text ist leichter zu lesen.

In vielen Fällen ist es nicht notwendig, die Seitenränder zu bearbeiten. Einige Dokumente, beispielsweise Schulaufsätze, können jedoch bestimmte Seitenränder erfordern. In diesen Fällen können Sie die Ränder im Fenster zur Dokumentformatierung Ihres Textverarbeitungsprogramms bearbeiten. Dieses Fenster lässt sich normalerweise öffnen, indem Sie im Menüband des Programms Format → Document auswählen. In Microsoft Word können Sie Seitenränder über die Registerkarte „Layout“ im Menüband oberhalb des Dokuments bearbeiten.

2. Webseiten

Rand ist auch eine CSS-Eigenschaft, mit der sich auf Webseiten Abstände zwischen HTML-„Block“-Elementen erzeugen lassen. Damit können der obere, rechte, untere und linke Rand um ein Objekt festgelegt werden. Im Folgenden finden Sie einige Beispiele dafür, wie Ränder in CSS festgelegt werden können.

• margin: 12px; — 12 Pixel Rand an allen Seiten des Elements
• margin: 4px 6px; — obere und untere Ränder: 4 Pixel; rechte und linke Ränder: 6 Pixel
• margin: 10px 15px 20px; 5px; — oberer Rand: 10px, rechter Rand: 15px, unterer Rand: 20px, linker Rand: 5px
• margin-right: 30px; — 30 Pixel Rand auf der rechten Seite des Elements

Ränder können auch negative Werte haben. Damit lässt sich ein Objekt auf einer Webseite über ein anderes Element legen. In einigen Fällen können Ränder auch als „auto“ festgelegt werden. Die CSS-Deklaration „margin: 0px auto;“ wird beispielsweise häufig verwendet, um Elemente auf Webseiten zu zentrieren.