Eine [[Sonderformatierung]], wieder [[KleidergrößenAnalogie]]

* sviewport -> klein
* mviewport -> mittel
* lviewport -> groß
* xlviewport -> sehr groß

Größe bezieht sich auf Höhe, für die Breite wird immer die Volle breite des Elements beansprucht, in denen der Viewport enthalten ist. Hier ein Beispiel von zwei viewports, die mithilfe von [[Spaltenansicht]]en nebeneinander platziert sind.
{{{
%%mcol
%%sviewport
* Punkt 1
* Punkt 2
* Punkt 3
* Punkt 4
* Punkt 5
%%
%%

%%mcol
%%sviewport
* Punkt 1
* Punkt 2
* Punkt 3
* Punkt 4
* Punkt 5
%%
%%

%%clear
%%
}}}










== CSS Definition

hier eine Beispielkonfiguration im [[CSS]].

{{{

.sviewport                { height:130px;
                            width: 99.5%;
                            overflow-y: scroll; }


.mviewport                { height:150px;
                            width: 99.5%;
                            overflow-y: scroll; }


.lviewport                 { height:220px;
                            width: 99.5%;
                            overflow-y: scroll; }

.xlviewport                 { height:640px;
                            width: 99.5%;
                            overflow-y: scroll; }

}}}