Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
ideas:box-model-extensions [2014/12/09 15:48]
127.0.0.1 external edit
ideas:box-model-extensions [2018/11/04 06:44] (current)
nhthvhvbh Fixed a mispelling
Line 1: Line 1:
-====== ​Box Model Extensions ====== +====== Extensions ​de modèle de boîte ​====== 
-We want to define several new things that would properly go in Box Model, ​but we don't want to wait for that, the most complicated ​module ​in all of CSS, to be finished ​(or even properly started).  So, we should make a new module ​that does a few "​extensions" ​to the box modelassuming that the base case will be properly defined later.+Nous voulons définir plusieurs nouvelles choses qui iraient correctement dans Box Model, ​mais nous ne voulons pas attendre que le module ​le plus compliqué de CSS soit terminé ​(ou même correctement démarré). Nous devrions donc créer un nouveau ​module ​qui ajoute quelques ​"​extensions" ​au modèle de boîteen supposant que le scénario de base sera correctement défini ultérieurement.
  
-===== Aspect Ratio ===== +===== Rapport d'​aspect ​===== 
-As defined at http://​www.xanthir.com/​blog/​b4810.+Tel que défini à l'​adresse ​http://​www.xanthir.com/​blog/​b4810.
  
-Would grant the ability to specify an '​aspect ​ratio' for the a boxlocking its width and height into a definite ratio This can currently be partially hacked by exploiting some minor details of how percentages work in paddingbut having this be explicit is better and allows a more thorough treatment.+Accorderait la possibilité de spécifier un "​rapport d'​aspect" pour une boîteverrouillant sa largeur et sa hauteur dans un rapport définiCela peut actuellement être partiellement piraté en exploitant quelques détails mineurs sur le fonctionnement des pourcentages dans le remplissage,​ mais cela doit être explicitece qui est préférable et permet un traitement plus approfondi.
  
-===== Size Keywords ​===== +===== Taille Mots-clés ​===== 
-The ''​auto'' ​keyword for width and height resolve to interesting values based on contextwhich can't be duplicated elsewhere For example, tables ​and floats resolve ​''​auto'' ​using the "​shrinkwrap" ​algorithmwhile normal blocks use a "fill" ​algorithm to fill their parent ​as much as possible.+Le mot clé ''​ auto '' ​pour largeur et hauteur donne des valeurs intéressantes en fonction du contextequi ne peuvent pas être dupliquées ailleursPar exempleles tables ​et les flottants résolvent ​''​ auto '' ​à l'aide de l'​algorithme ​"​shrinkwrap", ​tandis que les blocs normaux utilisent un algorithme ​"de remplissage" ​pour remplir leur parent ​autant que possible.
  
-These behaviors should be explicitly named so they can be used generally+Ces comportements doivent être explicitement nommés pour pouvoir être utilisés de manière générale
-  * ''​fill'': ​The normal width of a display:​block ​elementwhere it fills its parent. +  * ''​ fill '': ​La largeur normale d'un élément ​display: block, ​où il remplit son parent. 
-  * ''​min-content'': ​The width of a box if you take all optional linebreak opportunities+  * ''​ min-content '': ​La largeur d'une boîte si vous prenez toutes les opportunités de saut de ligne facultatives
-  * ''​max-content'': ​The width of a box if you take no optional linebreak opportunities+  * ''​ max-content '': ​La largeur d'une boîte si vous ne prenez aucune opportunité de saut de ligne facultatif
-  * ''​fit-content'':​ ''​min(max-content,​ fill)''​+  * ''​ fit-content '':​ ''​ min (max-content,​ fill) ''​
 
ideas/box-model-extensions.txt · Last modified: 2018/11/04 06:44 by nhthvhvbh
Recent changes RSS feed Valid XHTML 1.0 Valid CSS Driven by DokuWiki