{"id":1385,"date":"2024-08-01T19:37:28","date_gmt":"2024-08-01T17:37:28","guid":{"rendered":"https:\/\/blog.sutilweb.eu\/?page_id=1385"},"modified":"2024-08-01T19:37:29","modified_gmt":"2024-08-01T17:37:29","slug":"05-colores-css-2","status":"publish","type":"page","link":"https:\/\/sutilweb.eu\/index.php\/lenguajes\/css3\/css3-avanzado\/05-colores-css-2\/","title":{"rendered":"05. Colores CSS (2)"},"content":{"rendered":"\n

Esta p\u00e1gina explicar\u00e1 las palabras clave transparent<\/em><\/strong>, currentcolor<\/em> <\/strong>y inherit<\/em><\/strong>.<\/p>\n\n\n\n\n\n\n\n

La palabra clave transparent<\/h2>\n\n\n\n

La palabra clave transparent<\/em><\/strong> se utiliza para hacer que un color sea transparente. Esta opci\u00f3n se usa a menudo para hacer un color de fondo transparente para un elemento.<\/p>\n\n\n\n

Ejm<\/strong><\/p>\n\n\n\n

body {\n  background-image: url(\"paper.gif\");\n}\n\ndiv {\n  background-color: transparent;\n}<\/pre>\n\n\n\n
\n
Nota<\/strong>: La palabra clave transparent<\/em> <\/strong>es equivalente a rgba(0,0,0,0)<\/em><\/strong>. Los valores de color RGBA<\/strong> son una extensi\u00f3n de los valores de color RGB<\/strong> con un canal alfa, que especifica la opacidad de un color.<\/p>\n<\/blockquote>\n\n\n\n
La palabra clave currentcolor<\/h2>\n\n\n\n
La palabra clave currentcolor<\/em> <\/strong>es como una variable que contiene el valor actual de la propiedad de color de un elemento. Esta palabra clave puede ser \u00fatil si deseas que un color espec\u00edfico sea consistente en un elemento o una p\u00e1gina.<\/p>\n\n\n\n
Ejm<\/strong><\/p>\n\n\n\n
div {\n  color: blue;\n  border: 10px solid currentcolor;\n}<\/pre>\n\n\n\n
La palabra clave inherit<\/h2>\n\n\n\n
La palabra clave inherit<\/em> <\/strong>especifica que una propiedad debe heredar su valor de su elemento principal. La palabra clave inherit<\/em><\/strong> se puede utilizar para cualquier propiedad CSS<\/strong> y en cualquier elemento HTML<\/strong>.<\/p>\n\n\n\n
En este ejemplo, la configuraci\u00f3n del borde de <span><\/em><\/strong> se heredar\u00e1 del elemento principal.<\/p>\n\n\n\n
Ejm<\/strong><\/p>\n\n\n\n
<!DOCTYPE html>
<html>
  <head>
    <style>
      div {
        border: 2px solid red;
      }

      span {
        border: inherit;
      }
    <\/style>
  <\/head>
  <body>
    <h2>The inherit Keyword<\/h2>

    <div>
      Aqu\u00ed, la configuraci\u00f3n del borde del elemento <span>span<\/span> se
      heredar\u00e1 del elemento principal.
    <\/div>
    <br \/>

    <div style=\"border: 2px dotted blue\">
      Aqu\u00ed, el elemento <span>span<\/span> la configuraci\u00f3n del borde tambi\u00e9n se
      heredar\u00e1 del elemento principal.
    <\/div>
  <\/body>
<\/html><\/pre>\n","protected":false},"excerpt":{"rendered":"
Esta p\u00e1gina explicar\u00e1 las palabras clave transparent, currentcolor y inherit.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1367,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1385","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Sutil Web","author_link":"https:\/\/sutilweb.eu\/index.php\/author\/sutilweb\/"},"uagb_comment_info":0,"uagb_excerpt":"Esta p\u00e1gina explicar\u00e1 las palabras clave transparent, currentcolor y inherit.","_links":{"self":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/1385","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/comments?post=1385"}],"version-history":[{"count":2,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/1385\/revisions"}],"predecessor-version":[{"id":1387,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/1385\/revisions\/1387"}],"up":[{"embeddable":true,"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/pages\/1367"}],"wp:attachment":[{"href":"https:\/\/sutilweb.eu\/index.php\/wp-json\/wp\/v2\/media?parent=1385"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}