Periodendauer periodischer Signale

<style> body {

 font-family: sans-serif;
 font-size: 0.875em;

} .container {

 top: 20px;
 left: 20px;
 width: 400px;
 height: 300px;
 border-style: dotted;
 border-width: 1px;
 padding: 20px;

} .blue {

 background-color: #ccccff;

} .green {

 background-color: #ccffcc;

} </style> <script> // Create PanelLayouts to add to the GridLayout. var panel1 = new OO.ui.PanelLayout( {

$content: $( '

Panel One

'),

 classes: ['blue']
});

var panel2 = new OO.ui.PanelLayout( { 

$content: $( '

Panel Two

' ),

 classes: ['green']
});

var panel3 = new OO.ui.PanelLayout( { 

$content: $( '<nowiki>

Panel Three

' ),

 classes: ['green']
});

var panel4 = new OO.ui.PanelLayout( { 

$content: $( '<nowiki>

Panel Four

' ),

 classes: ['blue']
});

// Create a GridLayout. var grid = new OO.ui.GridLayout( [ panel1, panel2, panel3, panel4 ], {

 classes: [ 'container' ],
 widths: [ 1/2 , 1/2 ],
 heights: [ 1/2 ,  1/2 ]

} ); $( 'body' ).append( grid.$element ); </script>