Position als Variable

[suit]

Nachdem ich 5 individuell zu positioniere Elemente habe,
müsste ich wohl die betreffende CSS-Zeile für jedes Element
zuerst neu zusammensetzen, ins CSS hineinschreiben und dann das
zugehörige Element in die Seite schreiben.

ja, in etwa

ob du die betreffende deklaration als inline-css zusammensetzt und direkt per serverseitiger sprache schreibst (php bzw) oder zuerstmal irgend einen wert setzt und dann mit javascript nachher einen anderen zuweist ist prinzipiell egal

erstere variante wird bei jedem benutzer funktionieren, zweitere nur bei leuten mit javascript

die php variante könnte so aussehen

<style type="text/css">  
div {  
  position: absolute;  
  top: -100px;  
  left: -100px;  
  height: 100px;  
  width: 100px;  
  background: red;  
}  
<?php  
  $top_element1 = [link:http://at.php.net/rand@title=rand(50,100)];  
  $top_element2 = rand(50,100);  
  $top_element3 = rand(50,100);  
  $left_element1 = rand(50,100);  
  $left_element2 = rand(50,100);  
  $left_element3 = rand(50,100);  
  
  echo '#element1 { top: ' . $top_element1 . 'px; left: ' . $left_element1 . 'px; }' . "\n";  
  echo '#element2 { top: ' . $top_element2 . 'px; left: ' . $left_element2 . 'px; }' . "\n";  
  echo '#element3 { top: ' . $top_element3 . 'px; left: ' . $left_element3 . 'px; }' . "\n";  
?>  
</style>  
  
<div id="element1">1</div>  
<div id="element2">2</div>  
<div id="element3">3</div>

die links und hochwerte für #element1 bis 3 kannst du natürlich auch nachträglich mit javascript setzt