Felix Riesterer: Border-Ausrichtung

Beitrag lesen

Lieber Quov,

border-top: 1px solid black;

border-left: 1px solid black;
border-bottom: 1px solid black;
border-right:0px;

  
Du verwendest hier bereits verkürzte Schreibweisen, sogenannte shorthands, denn es gibt für jede Eigenschaft eine Bezeichnung. Wenn Bezeichnungen zu shorthands zusammengefasst werden, dann kann das - wie im Beispiel von border - "stufenweise" geschehen. Da es bei "border" viermal (oben/rechts/unten/links) um im Prinzip drei Eigenschaften geht, kann man nur sehr begrenzt zu shorthands zusammenfassen (entweder 3 Eigenschaften oder 4 Seiten).  
  
Du kannst also Eigenschaften zusammenfassen, um diese gesammelt z.B: für "border-top" zu definieren (das hast Du in Deinem ersten Code-Beispiel getan), oder Du fasst die Seiten zusammen, um diesen gemeinsam eine einzige Eigenschaft wie z.B. "border-width" zu geben (das hast Du im zweiten Beispiel versucht).  
  

> `border: 10px 0 10px 10px;`{:.language-css}  
>   
> Hat mich leider nicht ans Ziel gebracht.  
  
Was hast Du Dir dabei gedacht? "border" bezeichnet alle vier Rahmen mit allen drei Eigenschaften... und Du nennst nur eine, die aber dafür in vier Varianten!  
  
Liebe Grüße,  
  
Felix Riesterer.

-- 
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)