Ef nýleg hönnun á íbúðinni hefur sýnt fram á eitthvað, þá eru ótrúlega takmarkaðar vefhönnuðir þegar kemur að samsetningu. Nú þegar við erum ekki lengur afvegaleidd af gimsteinum, stigum og gljái er ljóst að vefhönnuðir hafa eina uppbyggingu til að byggja upp hönnun sína í kringum: rétthyrninga.
Það eru auðvitað eins margar leiðir til að búa til rétthyrninga hópa þar sem punktar eru á skjánum, en þegar þú tekur tillit til kröfur gerðar og nauðsyn þess að hanna fyrir mismunandi ályktanir, byrja skipulagsmöguleikarnir að líta út fyrir að vera greinilega takmörkuð.
Við vitum öll að öll horn eru ekki hornrétt; Við vitum öll að línur eru ekki alltaf beinar. Reyndar hefur sumir af spennandi hönnun síðustu aldar brotið út úr ristinni og spunnið í hringi og horn, skapandi spennu, leiklist og spennu. Það er auðvelt að setja upp í prenthönnun: Opnaðu skjal í InDesign, veldu sporbaug tólið og taktu hring á sviðinu, veldu tegundartólið og smelltu á hringinn og lítaðu nú í textann; nú reyna það sama í CSS, farðu á undan, ég mun gera kaffi á meðan ég bíð ...
Auðvitað eru margar leiðir til að teikna hring á vefsíðu, en ef þú flýgur texta í kringum einn munt þú uppgötva að það er ekki í raun hringur; Grindarkassinn hans er enn rétthyrndur. Eina valkosturinn til að búa til texta sem flýgur í feril er að setja inn rými í upphafi hverrar línu og línuskilyrði í lokin, tilbúna innsláttur textans; eitthvað sem borgar eyðileggingu með aðgengi.
Til að takast á við vandamálið, eru W3C að þróa CSS form. Sleppt 20. júní í fyrsta sinn, CSS Formar Module Level 1, Upplýsingar um notkun rétthyrndra forma í tengslum við kassamódelið og flotahreyfingu. Eins og er í gangi í verkinu eru fyrirhugaðar viðbætur við CSS formið rétthyrningur, innskot-rétthyrningur, hringur, sporbaug og marghyrningur.
Í upphaflegu framkvæmdinni munum við aðeins geta flotið um form. Til að gera það munum við nota lögun utanhússins, eins og svo:
Nullam quis risus eget urna mollis ornare vel eu leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Sed posuere consectetur est at lobortis. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.