{"id":304,"date":"2009-04-21T14:21:42","date_gmt":"2009-04-21T16:21:42","guid":{"rendered":"https:\/\/www.kadunew.com\/blog\/?p=304"},"modified":"2013-10-01T21:36:02","modified_gmt":"2013-10-01T23:36:02","slug":"abreviando-propriedades-css","status":"publish","type":"post","link":"https:\/\/www.kadunew.com\/blog\/css\/abreviando-propriedades-css","title":{"rendered":"Abreviando propriedades CSS"},"content":{"rendered":"<p>Estava eu hoje pela manh\u00e3 lendo artigos sobre CSS e achei um muito legal no site <a href=\"http:\/\/www.leigeber.com\">Leigeber<\/a>. Esse artigo mostra como escrever propriedades CSS de forma resumida deixando nosso arquivo css com um tamanho reduzido.<br \/>\nConfira abaixo as propriedades da forma n\u00e3o resumida e a forma resumida:<\/p>\n<h4>Margem &#038; Padding<\/h4>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">#div {\r\nmargin-top: 0;\r\nmargin-right: 5px;\r\nmargin-bottom: 10px;\r\nmargin-left: 15px;\r\n\r\n}\r\n<\/pre>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n#div {\r\nmargin:0 5px 10px 15px;\r\n\/*superior direita inferior esquerda*\/\r\n}\r\n<\/pre>\n<p>e<\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n#div {\r\nmargin-top: 10px;\r\nmargin-right: 20px;\r\nmargin-bottom: 0;\r\nmargin-left: 20px;\r\n}\r\n<\/pre>\n<p><!--more Continuar lendo...--><\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n#div {\r\nmargin:10px 20px 0;\r\n\/*superior igual a 10px direita\/esquerda igual a 20px e inferior 0*\/\r\n}\r\n<\/pre>\n<p> e<\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n#div {\r\nmargin-top: 0;\r\nmargin-right: auto;\r\nmargin-bottom: 0;\r\nmargin-left: auto;\r\n}\r\n<\/pre>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n#div {\r\nmargin:0 auto;\r\n\/*topo\/inferior esquerda\/direita*\/\r\n}\r\n<\/pre>\n<p>e<\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n#div {\r\nmargin-top: 50px;\r\nmargin-right: 50px;\r\nmargin-bottom: 50px;\r\nmargin-left: 50px;\r\n}\r\n<\/pre>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n#div {\r\nmargin:50px;\r\n\/*topo\/direita\/inferior\/esquerda*\/\r\n}\r\n<\/pre>\n<h3>Border<\/h3>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n#div {\r\nborder-width: 5px;\r\nborder-style: dotted;\r\n\/*(solid, dashed, dotted, double, etc) (padr\u00e3o = nenhum)*\/\r\nborder-color: blue;\r\n\/*as cores podem ser: nome da cor, hexadecimal ou rgb de 0 a 255 *\/\r\n}\r\n<\/pre>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n#div {\r\nborder:5px dotted blue;\r\n}\r\n<\/pre>\n<p>e<\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n#div {\r\nborder-right-width: 2px;\r\nborder-right-style: solid;\r\nborder-right-color: #666666;\r\n}\r\n<\/pre>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n#div {\r\nborder-right:2px solid #666;\r\n}\r\n<\/pre>\n<p>e<\/p>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n#div {\r\nborder-top-width: 3px;\r\nborder-right-width: 2px;\r\nborder-bottom-width: 3px;\r\nborder-left-width: 2px;\r\n}\r\n<\/pre>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n#div {\r\nborder-width:3px 2px;\r\n}\r\n<\/pre>\n<h4>Fundo<\/h4>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n#div {\r\nbackground-color: #CCCCCC;\r\n\/*as cores podem ser: nome da cor, hexadecimal ou rgb de 0 a 255 *\/(padr\u00e3o = transparente)*\/\r\nbackground-image: url(images\/bg.gif);\r\nbackground-repeat: no-repeat;\r\n\/*repeat, repeat-x, repeat-y ou no-repeat) (padr\u00e3o = repeat*\/\r\nbackground-attachment: scroll;\r\n\/*(fixed ou scroll) (padr\u00e3o = scroll)*\/\r\nbackground-position: top left;\r\n\/*topo, direita, esquerda, infeior ou centro) (padr\u00e3o = 0% 0%)*\/\r\n}\r\n<\/pre>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n#div {\r\nbackground:#CCC url(images\/bg.gif) no-repeat 0 0;\r\n}\r\n<\/pre>\n<h4>Font<\/h4>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n#div {\r\nfont-family: Verdana, Arial, Helvetica;\r\n\/*Verdana, Arial, \u201cTimes New Roman\u201d, etc *\/\r\nfont-size: 12px;\r\nfont-weight: bold;\r\nfont-style: italic;\r\nfont-variant: normal;\r\n\/*normal ou small-caps (padr\u00e3o = normal)*\/\r\nline-height: 1.5px;\r\n} \r\n<\/pre>\n<h4>defina<\/h4>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n #div {\r\nfont-family: Verdana, Arial, Helvetica;\r\nfont-size: 12px;\r\nfont-weight: bold;\r\nfont-style: italic;\r\nfont-variant: normal;\r\nline-height: 1.5px;\r\n}\r\n<\/pre>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n#div {\r\nfont:italic bold 12px\/1.5 Verdana, Arial, Helvetica;\r\n}\r\n<\/pre>\n<h4>Listas<\/h4>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n#div {\r\nlist-style-image: url(images\/bullet.gif);\r\nlist-style-position: inside;\r\nlist-style-type: square;\r\n\/*tipos de marcador circle, disc, square. (padr\u00e3o = disc)*\/\r\n}\r\n<\/pre>\n<pre class=\"brush: css; title: ; notranslate\" title=\"\">\r\n#div {\r\nlist-style:square inside url(images\/bullet.gif);\r\n}\r\n<\/pre>\n<p><strong>Link original: <\/strong> <a href=\"http:\/\/www.scriptiny.com\/2008\/04\/effective-css-shorthand\/\">Scriptiny<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Estava eu hoje pela manh\u00e3 lendo artigos sobre CSS e achei um muito legal no site Leigeber. Esse artigo mostra como escrever propriedades CSS de forma resumida deixando nosso arquivo css com um tamanho reduzido. Confira abaixo as propriedades da forma n\u00e3o resumida e a forma resumida: Margem &#038; Padding #div { margin-top: 0; margin-right: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[45],"class_list":["post-304","post","type-post","status-publish","format-standard","hentry","category-css","tag-css"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Abreviando propriedades CSS<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.kadunew.com\/blog\/css\/abreviando-propriedades-css\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Abreviando propriedades CSS\" \/>\n<meta property=\"og:description\" content=\"Estava eu hoje pela manh\u00e3 lendo artigos sobre CSS e achei um muito legal no site Leigeber. Esse artigo mostra como escrever propriedades CSS de forma resumida deixando nosso arquivo css com um tamanho reduzido. Confira abaixo as propriedades da forma n\u00e3o resumida e a forma resumida: Margem &#038; Padding #div { margin-top: 0; margin-right: [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.kadunew.com\/blog\/css\/abreviando-propriedades-css\" \/>\n<meta property=\"og:site_name\" content=\"KADUNEW\" \/>\n<meta property=\"article:published_time\" content=\"2009-04-21T16:21:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2013-10-01T23:36:02+00:00\" \/>\n<meta name=\"author\" content=\"Kadu Oliveira\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kadu Oliveira\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/css\/abreviando-propriedades-css\",\"url\":\"https:\/\/www.kadunew.com\/blog\/css\/abreviando-propriedades-css\",\"name\":\"Abreviando propriedades CSS\",\"isPartOf\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/#website\"},\"datePublished\":\"2009-04-21T16:21:42+00:00\",\"dateModified\":\"2013-10-01T23:36:02+00:00\",\"author\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.kadunew.com\/blog\/css\/abreviando-propriedades-css#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.kadunew.com\/blog\/css\/abreviando-propriedades-css\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/css\/abreviando-propriedades-css#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.kadunew.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"CSS\",\"item\":\"https:\/\/www.kadunew.com\/blog\/category\/css\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Abreviando propriedades CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/#website\",\"url\":\"https:\/\/www.kadunew.com\/blog\/\",\"name\":\"KADUNEW\",\"description\":\"Artigos sobre Front-End e Programa\u00e7\u00e3o web\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.kadunew.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05\",\"name\":\"Kadu Oliveira\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g\",\"caption\":\"Kadu Oliveira\"},\"sameAs\":[\"https:\/\/www.kadunew.com\/blog\"],\"url\":\"https:\/\/www.kadunew.com\/blog\/author\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Abreviando propriedades CSS","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.kadunew.com\/blog\/css\/abreviando-propriedades-css","og_locale":"pt_BR","og_type":"article","og_title":"Abreviando propriedades CSS","og_description":"Estava eu hoje pela manh\u00e3 lendo artigos sobre CSS e achei um muito legal no site Leigeber. Esse artigo mostra como escrever propriedades CSS de forma resumida deixando nosso arquivo css com um tamanho reduzido. Confira abaixo as propriedades da forma n\u00e3o resumida e a forma resumida: Margem &#038; Padding #div { margin-top: 0; margin-right: [&hellip;]","og_url":"https:\/\/www.kadunew.com\/blog\/css\/abreviando-propriedades-css","og_site_name":"KADUNEW","article_published_time":"2009-04-21T16:21:42+00:00","article_modified_time":"2013-10-01T23:36:02+00:00","author":"Kadu Oliveira","twitter_misc":{"Escrito por":"Kadu Oliveira","Est. tempo de leitura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.kadunew.com\/blog\/css\/abreviando-propriedades-css","url":"https:\/\/www.kadunew.com\/blog\/css\/abreviando-propriedades-css","name":"Abreviando propriedades CSS","isPartOf":{"@id":"https:\/\/www.kadunew.com\/blog\/#website"},"datePublished":"2009-04-21T16:21:42+00:00","dateModified":"2013-10-01T23:36:02+00:00","author":{"@id":"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05"},"breadcrumb":{"@id":"https:\/\/www.kadunew.com\/blog\/css\/abreviando-propriedades-css#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.kadunew.com\/blog\/css\/abreviando-propriedades-css"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.kadunew.com\/blog\/css\/abreviando-propriedades-css#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.kadunew.com\/blog"},{"@type":"ListItem","position":2,"name":"CSS","item":"https:\/\/www.kadunew.com\/blog\/category\/css"},{"@type":"ListItem","position":3,"name":"Abreviando propriedades CSS"}]},{"@type":"WebSite","@id":"https:\/\/www.kadunew.com\/blog\/#website","url":"https:\/\/www.kadunew.com\/blog\/","name":"KADUNEW","description":"Artigos sobre Front-End e Programa\u00e7\u00e3o web","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.kadunew.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/07b2297c4825efbd1e9f2a1018926b05","name":"Kadu Oliveira","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.kadunew.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/780660fded589936b30467c54c99d51a?s=96&r=g","caption":"Kadu Oliveira"},"sameAs":["https:\/\/www.kadunew.com\/blog"],"url":"https:\/\/www.kadunew.com\/blog\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts\/304"}],"collection":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/comments?post=304"}],"version-history":[{"count":9,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts\/304\/revisions"}],"predecessor-version":[{"id":306,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/posts\/304\/revisions\/306"}],"wp:attachment":[{"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/media?parent=304"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/categories?post=304"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kadunew.com\/blog\/wp-json\/wp\/v2\/tags?post=304"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}