{"id":59,"date":"2023-05-08T16:12:25","date_gmt":"2023-05-08T14:12:25","guid":{"rendered":"https:\/\/user0.gesem.es\/blog\/?page_id=59"},"modified":"2023-05-14T22:41:41","modified_gmt":"2023-05-14T20:41:41","slug":"modificar-propietas-duna-caixa","status":"publish","type":"page","link":"https:\/\/user0.gesem.es\/blog\/modificar-propietas-duna-caixa\/","title":{"rendered":"Modificar propietas d&#8217;una caixa"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Hem de recordar que qualsevol caixa t\u00e9 4 coordenades:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">top<br>right<br>left<br>bottom<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>section{<br>    padding:10px;<br>}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u00e9s el mateix que dir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>section{<br>   padding-top:10px;<br>   padding-right:10px;<br>   padding-bottom:10px;<br>   padding-left:10px;<br>}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u00e9s a dir: <strong>si nom\u00e9s posem un valor, aquest valor s&#8217;aplicar\u00e0 a totes 4 coordenades<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>section{     \n    padding:10px 20px; \n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u00e9s el mateix que dir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>section{    \n     padding-top:10px;    \n     padding-right:20px;    \n     padding-bottom:10px;    \n     padding-left:20px; \n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u00e9s a dir: <strong>si posem dos valors, el primer valor s&#8217;aplicar\u00e0 a les coordenades verticals (top i bottom) i el segon s&#8217;aplicar\u00e0 a les coordenades horitzontals (right i left)<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>section{          <br>   padding:10px 20px 15px;  <br>}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u00e9s el mateix que dir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>section{          \n    padding-top:10px;          \n    padding-right:20px;          \n    padding-bottom:15px;          \n    padding-left:20px;  \n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u00e9s a dir: <strong>si posem tres valors, el primer valor s&#8217;aplicar\u00e0 a la part superior (top), el segon s&#8217;aplicar\u00e0 a les coordenades horitzontals (right i left) i el tercer s&#8217;aplicar\u00e0 a la part inferior (bottom)<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Per \u00faltim, tamb\u00e9 podem donar un valor diferent a cada coordenada de manera resumida:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>section{              \n    padding:10px 20px 15px 30px;   \n}<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\u00e9s el mateix que dir:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>section{          \n    padding-top:10px;          \n    padding-right:20px;          \n    padding-bottom:15px;          \n    padding-left:30px;  \n}<\/code><\/pre>\n\n\n\n<div class=\"wp-block-group exercici\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">Exercici:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>margin: 10px 0 30px; <\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>quina caixa modifica? (<mark style=\"background-color:rgba(0, 0, 0, 0);color:#e61616\" class=\"has-inline-color\">ATENCI\u00d3: HI HA UN ERROR A LA IMATGE. NO S\u00d3N CM, SIN\u00d3 PX<\/mark>)<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"739\" height=\"255\" src=\"https:\/\/user0.gesem.es\/blog\/wp-content\/uploads\/2023\/05\/Captura-de-pantalla-2023-05-08-a-las-16.11.32.png\" alt=\"\" class=\"wp-image-60\" srcset=\"https:\/\/user0.gesem.es\/blog\/wp-content\/uploads\/2023\/05\/Captura-de-pantalla-2023-05-08-a-las-16.11.32.png 739w, https:\/\/user0.gesem.es\/blog\/wp-content\/uploads\/2023\/05\/Captura-de-pantalla-2023-05-08-a-las-16.11.32-300x104.png 300w\" sizes=\"auto, (max-width: 739px) 100vw, 739px\" \/><\/figure>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Hem de recordar que qualsevol caixa t\u00e9 4 coordenades: toprightleftbottom \u00e9s el mateix que dir: \u00e9s a dir: si nom\u00e9s posem un valor, aquest valor s&#8217;aplicar\u00e0 a totes 4 coordenades \u00e9s el mateix que dir: \u00e9s a dir: si posem dos valors, el primer valor s&#8217;aplicar\u00e0 a les coordenades verticals (top i bottom) i el&hellip; <a class=\"more-link\" href=\"https:\/\/user0.gesem.es\/blog\/modificar-propietas-duna-caixa\/\">Continueu llegint <span class=\"screen-reader-text\">Modificar propietas d&#8217;una caixa<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-59","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/pages\/59","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/comments?post=59"}],"version-history":[{"count":4,"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/pages\/59\/revisions"}],"predecessor-version":[{"id":89,"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/pages\/59\/revisions\/89"}],"wp:attachment":[{"href":"https:\/\/user0.gesem.es\/blog\/wp-json\/wp\/v2\/media?parent=59"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}