{"id":446,"date":"2023-10-13T12:13:47","date_gmt":"2023-10-13T12:13:47","guid":{"rendered":"http:\/\/javigomez.org\/?p=446"},"modified":"2025-09-29T20:33:56","modified_gmt":"2025-09-29T20:33:56","slug":"sustituir-los-elementos-obsoletos-de-por-css","status":"publish","type":"post","link":"https:\/\/javigomez.org\/index.php\/2023\/10\/13\/sustituir-los-elementos-obsoletos-de-por-css\/","title":{"rendered":"Sustituir los elementos obsoletos de las tablas por CSS"},"content":{"rendered":"\n<p>En estos momentos, los elementos border y align de HTML dentro de los elementos &lt;table&gt; est\u00e1n obsoletos. Se deben de sustituir por elementos de CSS. En el siguiente ejemplo se ver como se puede cambiar estos elementos para conseguir el mismo efecto:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;html&gt;\n\n&lt;head&gt;\n    &lt;meta http-eguiv=\"Content-Type\" content=\"text\/html; charset=UTF-8\" \/&gt;\n&lt;\/head&gt;\n\n&lt;body&gt;\n    &lt;table <strong>border<\/strong>=1 width=\"50%\" <strong>align<\/strong>=center&gt;\n        &lt;caption&gt; T\u00edtulo de la tabla &lt;\/caption&gt;\n        &lt;tr&gt;\n            &lt;td&gt;1,1&lt;\/td&gt;\n            &lt;td&gt;1,2&lt;\/td&gt;\n        &lt;\/tr&gt;\n        &lt;tr&gt;\n            &lt;td&gt;2,1&lt;\/td&gt;\n            &lt;td&gt;2,2&lt;\/td&gt;\n        &lt;\/tr&gt;\n    &lt;\/table&gt;\n\n    &lt;p&gt;CSS&lt;\/p&gt;\n\n    &lt;table style=\"<strong>margin: 0 auto; border-collapse: collapse; width: 50%;<\/strong>\"&gt;\n        &lt;caption&gt; T\u00edtulo de la tabla &lt;\/caption&gt;\n        &lt;tr&gt;\n            &lt;td <strong>style=\"border-style: double;<\/strong>\"&gt;1,1&lt;\/td&gt;\n            &lt;td style=\"border-style: double;\"&gt;1,2&lt;\/td&gt;\n        &lt;\/tr&gt;\n        &lt;tr&gt;\n            &lt;td style=\"border-style: double;\"&gt;2,1&lt;\/td&gt;\n            &lt;td style=\"border-style: double;\"&gt;2,2&lt;\/td&gt;\n        &lt;\/tr&gt;\n    &lt;\/table&gt;\n\n&lt;\/body&gt;\n\n&lt;\/html&gt;<\/code><\/pre>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"623\" height=\"277\" src=\"http:\/\/javigomez.org\/wp-content\/uploads\/2023\/10\/image-8.png\" alt=\"\" class=\"wp-image-447\" srcset=\"https:\/\/javigomez.org\/wp-content\/uploads\/2023\/10\/image-8.png 623w, https:\/\/javigomez.org\/wp-content\/uploads\/2023\/10\/image-8-300x133.png 300w\" sizes=\"auto, (max-width: 623px) 100vw, 623px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>En estos momentos, los elementos border y align de HTML dentro de los elementos &lt;table&gt; est\u00e1n obsoletos. Se deben de sustituir por elementos de CSS. &hellip; <\/p>\n","protected":false},"author":1,"featured_media":447,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[24,54,106,322],"class_list":["post-446","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","tag-align","tag-border","tag-css","tag-table"],"_links":{"self":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts\/446","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/comments?post=446"}],"version-history":[{"count":1,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts\/446\/revisions"}],"predecessor-version":[{"id":928,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/posts\/446\/revisions\/928"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/media\/447"}],"wp:attachment":[{"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/media?parent=446"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/categories?post=446"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/javigomez.org\/index.php\/wp-json\/wp\/v2\/tags?post=446"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}