element-plus/es-ES/component/border.html
2023-06-02 05:37:37 +00:00

42 lines
38 KiB
HTML

<!DOCTYPE html>
<html lang="es-ES">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Border | Element Plus</title>
<meta name="description" content="a Vue 3 based component library for designers and developers">
<link rel="stylesheet" href="/assets/style.9e05d54b.css">
<link rel="modulepreload" href="/assets/chunks/shadow.13261fbe.js">
<link rel="modulepreload" href="/assets/app.91d65c54.js">
<link rel="modulepreload" href="/assets/es-ES_component_border.md.e6fe1025.lean.js">
<link rel="icon" href="/images/element-plus-logo-small.svg" type="image/svg+xm">
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="theme-color" content="#ffffff">
<meta name="msapplication-TileColor" content="#409eff">
<meta name="msapplication-config" content="/browserconfig.xml">
<script>window.supportedLangs=["en-US","es-ES","zh-CN"];</script>
<script>(()=>{const o=window.supportedLangs,a="preferred_lang",r="en-US",s={en:"en-US",fr:"fr-FR",es:"es-ES"};let e=localStorage.getItem(a)||navigator.language;const n=s[e]||(o.includes(e)?e:r);if(localStorage.setItem(a,n),e=n,!location.pathname.startsWith(`/${e}`)){const t=[`/${e}`].concat(location.pathname.split("/").slice(2)).join("/");location.pathname=t.endsWith(".html")||t.endsWith("/")?t:t.concat("/")}navigator&&navigator.serviceWorker.controller&&navigator.serviceWorker.controller.postMessage({type:"LANG",lang:e})})();</script>
<script async="true" src="https://www.googletagmanager.com/gtag/js?id=UA-175337989-1"></script>
<script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/sw.js").then(function(o){console.log(o)}).catch(function(o){console.log(o)});</script>
<script async="true">window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","UA-175337989-1");</script>
<script async="true" src="https://www.googletagmanager.com/gtag/js?id=G-M74ZHEQ1M1"></script>
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-M74ZHEQ1M1");</script>
<script>(function(t,s,n,h,j,e){t.hj=t.hj||function(){(t.hj.q=t.hj.q||[]).push(arguments)},t._hjSettings={hjid:2894908,hjsv:6},j=s.getElementsByTagName("head")[0],e=s.createElement("script"),e.async=1,e.src=n+t._hjSettings.hjid+h+t._hjSettings.hjsv,j.appendChild(e)})(window,document,"https://static.hotjar.com/c/hotjar-",".js?sv=");</script>
<script async="true">var resource=document.createElement("link");resource.setAttribute("rel","stylesheet"),resource.setAttribute("href","//fonts.loli.net/css?family=Inter:300,400,500,600|Open+Sans:400,600;display=swap"),resource.setAttribute("type","text/css");var head=document.querySelector("head");head.appendChild(resource);</script>
<script>(()=>{const e=localStorage.getItem("el-theme-appearance");(e==="auto"?window.matchMedia("(prefers-color-scheme: dark)").matches:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
<meta name="twitter:title" content="Border | Element Plus">
<meta property="og:title" content="Border | Element Plus">
</head>
<body>
<div id="app"><div class="App"><!--[--><span tabindex="-1" data-v-d2e1b550></span><a href="#page-content" class="skip-link visually-hidden" data-v-d2e1b550>Ir al contenido</a><!--]--><!----><header class="navbar has-sidebar"><div class="navbar-wrapper" data-v-0baf1018><div class="header-container" data-v-0baf1018><div class="logo-container" data-v-0baf1018><a href="/es-ES/" data-v-0baf1018><img class="logo" src="/images/element-plus-logo.svg" alt="Element Plus Logo" data-v-0baf1018></a></div><div class="content" data-v-0baf1018><div id="docsearch" class="algolia-search-box search" data-v-0baf1018></div><nav class="navbar-menu menu" data-v-0baf1018><!--[--><a class="link-item link is-menu-link" href="/es-ES/guide/design" data-v-76aa4338 data-v-36735cb0><!--[--><!--[-->Guías<!--]--><!--]--><!----></a><a class="link-item link is-menu-link active" href="/es-ES/component/button" data-v-76aa4338 data-v-36735cb0><!--[--><!--[-->Componentes<!--]--><!--]--><!----></a><a class="link-item link is-menu-link" href="/es-ES/resource/index" data-v-76aa4338 data-v-36735cb0><!--[--><!--[-->Recursos<!--]--><!--]--><!----></a><!--]--></nav><div class="theme-toggler-content theme-toggler" data-v-0baf1018 data-v-36b198f3><button class="switch" role="switch" aria-label="act./desac. modo oscuro" aria-checked="false" data-v-36b198f3 data-v-3de418c2><div class="switch__action"><div class="switch__icon"><!--[--><i class="el-icon" style="font-size:13px;" data-v-3de418c2><!--[--><svg viewbox="0 0 24 24" class="dark-icon" data-v-3de418c2><path d="M11.01 3.05C6.51 3.54 3 7.36 3 12a9 9 0 0 0 9 9c4.63 0 8.45-3.5 8.95-8c.09-.79-.78-1.42-1.54-.95A5.403 5.403 0 0 1 11.1 7.5c0-1.06.31-2.06.84-2.89c.45-.67-.04-1.63-.93-1.56z" fill="currentColor"></path></svg><svg viewbox="0 0 24 24" class="light-icon" data-v-3de418c2><path d="M6.05 4.14l-.39-.39a.993.993 0 0 0-1.4 0l-.01.01a.984.984 0 0 0 0 1.4l.39.39c.39.39 1.01.39 1.4 0l.01-.01a.984.984 0 0 0 0-1.4zM3.01 10.5H1.99c-.55 0-.99.44-.99.99v.01c0 .55.44.99.99.99H3c.56.01 1-.43 1-.98v-.01c0-.56-.44-1-.99-1zm9-9.95H12c-.56 0-1 .44-1 .99v.96c0 .55.44.99.99.99H12c.56.01 1-.43 1-.98v-.97c0-.55-.44-.99-.99-.99zm7.74 3.21c-.39-.39-1.02-.39-1.41-.01l-.39.39a.984.984 0 0 0 0 1.4l.01.01c.39.39 1.02.39 1.4 0l.39-.39a.984.984 0 0 0 0-1.4zm-1.81 15.1l.39.39a.996.996 0 1 0 1.41-1.41l-.39-.39a.993.993 0 0 0-1.4 0c-.4.4-.4 1.02-.01 1.41zM20 11.49v.01c0 .55.44.99.99.99H22c.55 0 .99-.44.99-.99v-.01c0-.55-.44-.99-.99-.99h-1.01c-.55 0-.99.44-.99.99zM12 5.5c-3.31 0-6 2.69-6 6s2.69 6 6 6s6-2.69 6-6s-2.69-6-6-6zm-.01 16.95H12c.55 0 .99-.44.99-.99v-.96c0-.55-.44-.99-.99-.99h-.01c-.55 0-.99.44-.99.99v.96c0 .55.44.99.99.99zm-7.74-3.21c.39.39 1.02.39 1.41 0l.39-.39a.993.993 0 0 0 0-1.4l-.01-.01a.996.996 0 0 0-1.41 0l-.39.39c-.38.4-.38 1.02.01 1.41z" fill="currentColor"></path></svg><!--]--></i><!--]--></div></div></button></div><div class="translation-container translation" data-v-0baf1018 data-v-12008bb2><!----></div><div class="social-links" data-v-0baf1018 data-v-76aa5200><!--[--><a href="https://github.com/element-plus/element-plus" title="GitHub" target="_blank" rel="noreferrer noopener" class="social-link" data-v-76aa5200 data-v-6c8d2bba><i class="el-icon" style="font-size:24px;" data-v-6c8d2bba><!--[--><svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" data-v-6c8d2bba><path fill="currentColor" d="M12 2C6.475 2 2 6.475 2 12a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476c0-.237-.013-1.024-.013-1.862c-2.512.463-3.162-.612-3.362-1.175c-.113-.288-.6-1.175-1.025-1.413c-.35-.187-.85-.65-.013-.662c.788-.013 1.35.725 1.538 1.025c.9 1.512 2.338 1.087 2.912.825c.088-.65.35-1.087.638-1.337c-2.225-.25-4.55-1.113-4.55-4.938c0-1.088.387-1.987 1.025-2.688c-.1-.25-.45-1.275.1-2.65c0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337c1.912-1.3 2.75-1.024 2.75-1.024c.55 1.375.2 2.4.1 2.65c.637.7 1.025 1.587 1.025 2.687c0 3.838-2.337 4.688-4.562 4.938c.362.312.675.912.675 1.85c0 1.337-.013 2.412-.013 2.75c0 .262.188.574.688.474A10.016 10.016 0 0 0 22 12c0-5.525-4.475-10-10-10z"></path></svg><!--]--></i></a><!--]--></div><button class="reset-btn menu-hamburger hamburger" aria-label="navegación móvil" aria-expanded="false" aria-controls="full-screen" data-v-0baf1018><span class="hamburger-1"></span><span class="hamburger-2"></span><span class="hamburger-3"></span></button></div></div></div><!----></header><div class="sub-nav py-3 flex items-center"><button class="reset-btn sidebar-button flex items-center" aria-expanded="false"><i class="el-icon mr-2" style="font-size:20px;"><!--[--><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="7" width="11" height="2" fill="#606266"></rect><rect x="2" y="11" width="14" height="2" fill="#606266"></rect><rect x="2" y="15" width="8" height="2" fill="#606266"></rect><rect x="2" y="3" width="16" height="2" fill="#606266"></rect></svg><!--]--></i><span class="leading-6">Menu</span></button><button ariadisabled="false" type="button" class="el-button is-link go-back-top height-5" style=""><!--v-if--><span class=""><!--[--> Back to top <!--]--></span></button></div><div class="el-scrollbar sidebar"><div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default" style=""><div class="el-scrollbar__view" style=""><!--[--><aside><!--[--><div class="page-content" data-v-572119cf><p class="title" data-v-572119cf>Patrocinado por</p><div data-v-572119cf data-v-23d0a532><!--[--><a href="https://js.design/?source=element-plus&amp;plan=sy" title="即时设计 - 专业在线UI设计工具" class="sponsor-item inline-flex" style="" target="_blank" data-v-23d0a532><img src="/images/js-design-banner.jpg" alt="JSDesign" data-v-23d0a532></a><a href="https://www.vform666.com/" title="VForm - Vue 2/3 可视化低代码表单" class="sponsor-item inline-flex" style="" target="_blank" data-v-23d0a532><img src="/images/vform-banner.png" alt="VForm" data-v-23d0a532></a><a href="https://www.jnpfsoft.com/index.html?from=elementUI" title="JNPF - JNPF 低代码开发平台,让开发变得简单!" class="sponsor-item inline-flex" style="" target="_blank" data-v-23d0a532><img src="/images/sponsors/jnpfsoft.jpg" alt="JNPF" data-v-23d0a532></a><!--]--></div><div data-v-572119cf data-v-97807a40><!--[--><!--]--></div></div><!--]--><div class="sidebar-groups"><!--[--><section class="sidebar-group"><p class="sidebar-group__title">Basic</p><!--[--><a class="link" href="/es-ES/component/button" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Button</p><!----></a><a class="link active" href="/es-ES/component/border" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Border</p><!----></a><a class="link" href="/es-ES/component/color" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Color</p><!----></a><a class="link" href="/es-ES/component/container" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Layout Container</p><!----></a><a class="link" href="/es-ES/component/icon" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Icon</p><!----></a><a class="link" href="/es-ES/component/layout" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Layout</p><!----></a><a class="link" href="/es-ES/component/link" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Link</p><!----></a><a class="link flex items-center" href="/es-ES/component/text" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Text</p><span class="el-tag el-tag--small el-tag--plain is-hit is-round ml-2" style="background-color:;" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.3.0<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/scrollbar" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Scrollbar</p><!----></a><a class="link" href="/es-ES/component/space" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Space</p><!----></a><a class="link" href="/es-ES/component/typography" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Typography</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Configuration</p><!--[--><a class="link" href="/es-ES/component/config-provider" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Config Provider</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Form</p><!--[--><a class="link" href="/es-ES/component/autocomplete" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Autocomplete</p><!----></a><a class="link" href="/es-ES/component/cascader" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Cascader</p><!----></a><a class="link" href="/es-ES/component/checkbox" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Checkbox</p><!----></a><a class="link" href="/es-ES/component/color-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Color Picker</p><!----></a><a class="link" href="/es-ES/component/date-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Date Picker</p><!----></a><a class="link" href="/es-ES/component/datetime-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>DateTime Picker</p><!----></a><a class="link" href="/es-ES/component/form" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Form</p><!----></a><a class="link" href="/es-ES/component/input" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Input</p><!----></a><a class="link" href="/es-ES/component/input-number" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Input Number</p><!----></a><a class="link" href="/es-ES/component/radio" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Radio</p><!----></a><a class="link" href="/es-ES/component/rate" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Rate</p><!----></a><a class="link" href="/es-ES/component/select" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Select</p><!----></a><a class="link" href="/es-ES/component/select-v2" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Virtualized Select</p><!----></a><a class="link" href="/es-ES/component/slider" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Slider</p><!----></a><a class="link" href="/es-ES/component/switch" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Switch</p><!----></a><a class="link" href="/es-ES/component/time-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Time Picker</p><!----></a><a class="link" href="/es-ES/component/time-select" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Time Select</p><!----></a><a class="link" href="/es-ES/component/transfer" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Transfer</p><!----></a><a class="link" href="/es-ES/component/upload" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Upload</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Data</p><!--[--><a class="link" href="/es-ES/component/avatar" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Avatar</p><!----></a><a class="link" href="/es-ES/component/badge" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Badge</p><!----></a><a class="link" href="/es-ES/component/calendar" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Calendar</p><!----></a><a class="link" href="/es-ES/component/card" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Card</p><!----></a><a class="link" href="/es-ES/component/carousel" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Carousel</p><!----></a><a class="link" href="/es-ES/component/collapse" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Collapse</p><!----></a><a class="link" href="/es-ES/component/descriptions" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Descriptions</p><!----></a><a class="link" href="/es-ES/component/empty" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Empty</p><!----></a><a class="link" href="/es-ES/component/image" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Image</p><!----></a><a class="link" href="/es-ES/component/infinite-scroll" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Infinite Scroll</p><!----></a><a class="link" href="/es-ES/component/pagination" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Pagination</p><!----></a><a class="link" href="/es-ES/component/progress" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Progress</p><!----></a><a class="link" href="/es-ES/component/result" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Result</p><!----></a><a class="link" href="/es-ES/component/skeleton" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Skeleton</p><!----></a><a class="link" href="/es-ES/component/table" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Table</p><!----></a><a class="link flex items-center" href="/es-ES/component/table-v2" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Virtualized Table</p><span class="el-tag el-tag--small el-tag--plain is-hit is-round ml-2" style="background-color:;" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.2.0<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/tag" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tag</p><!----></a><a class="link" href="/es-ES/component/timeline" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Timeline</p><!----></a><a class="link" href="/es-ES/component/tree" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tree</p><!----></a><a class="link flex items-center" href="/es-ES/component/tree-select" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>TreeSelect</p><span class="el-tag el-tag--small el-tag--plain is-hit is-round ml-2" style="background-color:;" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.1.8<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/tree-v2" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Virtualized Tree</p><!----></a><a class="link flex items-center" href="/es-ES/component/statistic" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Statistic</p><span class="el-tag el-tag--small el-tag--plain is-hit is-round ml-2" style="background-color:;" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.2.30<!--]--></span><!--v-if--></span></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Navigation</p><!--[--><a class="link" href="/es-ES/component/affix" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Affix</p><!----></a><a class="link" href="/es-ES/component/backtop" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Backtop</p><!----></a><a class="link" href="/es-ES/component/breadcrumb" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Breadcrumb</p><!----></a><a class="link" href="/es-ES/component/dropdown" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Dropdown</p><!----></a><a class="link" href="/es-ES/component/menu" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Menu</p><!----></a><a class="link" href="/es-ES/component/page-header" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Page Header</p><!----></a><a class="link" href="/es-ES/component/steps" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Steps</p><!----></a><a class="link" href="/es-ES/component/tabs" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tabs</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Feedback</p><!--[--><a class="link" href="/es-ES/component/alert" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Alert</p><!----></a><a class="link" href="/es-ES/component/dialog" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Dialog</p><!----></a><a class="link" href="/es-ES/component/drawer" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Drawer</p><!----></a><a class="link" href="/es-ES/component/loading" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Loading</p><!----></a><a class="link" href="/es-ES/component/message" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Message</p><!----></a><a class="link" href="/es-ES/component/message-box" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Message Box</p><!----></a><a class="link" href="/es-ES/component/notification" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Notification</p><!----></a><a class="link" href="/es-ES/component/popconfirm" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Popconfirm</p><!----></a><a class="link" href="/es-ES/component/popover" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Popover</p><!----></a><a class="link" href="/es-ES/component/tooltip" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tooltip</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Others</p><!--[--><a class="link" href="/es-ES/component/divider" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Divider</p><!----></a><!--]--></section><!--]--></div><!--[--><!--]--></aside><!--]--></div></div><!--[--><div class="el-scrollbar__bar is-horizontal" style="display:none;"><div class="el-scrollbar__thumb" style="width:0;transform:translateX(0%);"></div></div><div class="el-scrollbar__bar is-vertical" style="display:none;"><div class="el-scrollbar__thumb" style="height:0;transform:translateY(0%);"></div></div><!--]--></div><main id="page-content" class="page-content has-sidebar"><div class="doc-content-wrapper"><div class="doc-content-container"><div style="position:relative;" class="doc-content"><div><h1 id="border" tabindex="-1">Border <a class="header-anchor vp-link" href="#border" aria-hidden="true">#</a></h1><p>Estandarizamos los bordes que se pueden utilizar en botones, tarjetas, pop-ups y otros componentes.</p><h2 id="estilo-del-borde" tabindex="-1">Estilo del borde <a class="header-anchor vp-link" href="#estilo-del-borde" aria-hidden="true">#</a></h2><p>Hay pocos estilos de borde para elegir.</p><!----><h2 id="radio" tabindex="-1">Radio <a class="header-anchor vp-link" href="#radio" aria-hidden="true">#</a></h2><p>Hay pocos estilos de radio para elegir.</p><!----><h2 id="sombra" tabindex="-1">Sombra <a class="header-anchor vp-link" href="#sombra" aria-hidden="true">#</a></h2><p>Hay pocos estilos de sombra para elegir.</p><!----><h2 id="fuente" tabindex="-1">Fuente <a class="header-anchor vp-link" href="#fuente" aria-hidden="true">#</a></h2><p><a href="https://github.com/element-plus/element-plus/blob/dev/docs/en-US/component/border.md" class="vp-link" target="_blank" rel="noopener noreferrer">Documentación<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a></p></div></div><footer class="page-footer" data-v-3e2f3e7f><div class="edit" data-v-3e2f3e7f><div class="edit-link" data-v-3e2f3e7f data-v-7d4aa2c8><a class="link text-sm" href="https://crowdin.com/translate/element-plus/all/en-es" target="_blank" rel="noopener noreferrer" data-v-7d4aa2c8>Editar esta página en Crowdin <i class="el-icon" style="font-size:16px;vertical-align:text-top;line-height:24px;" data-v-7d4aa2c8><!--[--><svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" data-v-7d4aa2c8><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg><!--]--></i></a></div></div></footer><div class="next-and-prev-link" data-v-8ad25866><div class="container" data-v-8ad25866><div class="prev" data-v-8ad25866><a class="link" href="/es-ES/component/button" data-v-8ad25866><i class="el-icon mr-1" style="" data-v-8ad25866><!--[--><svg viewbox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-v-8ad25866><path fill="currentColor" d="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"></path></svg><!--]--></i><span class="text" data-v-8ad25866>Button</span></a></div><div class="next" data-v-8ad25866><a class="link" href="/es-ES/component/color" data-v-8ad25866><span class="text" data-v-8ad25866>Color</span><i class="el-icon ml-1" style="" data-v-8ad25866><!--[--><svg viewbox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-v-8ad25866><path fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path></svg><!--]--></i></a></div></div></div></div><aside class="toc-wrapper" data-v-36b515f8><nav class="toc-content" data-v-36b515f8><h3 class="toc-content__heading" data-v-36b515f8>Contents</h3><ul class="toc-items" data-v-36b515f8><!--[--><li class="toc-item" data-v-36b515f8><a class="toc-link" href="#estilo-del-borde" title="Estilo del borde" data-v-36b515f8><p>Estilo del borde</p>
</a><!----></li><li class="toc-item" data-v-36b515f8><a class="toc-link" href="#radio" title="Radio" data-v-36b515f8><p>Radio</p>
</a><!----></li><li class="toc-item" data-v-36b515f8><a class="toc-link" href="#sombra" title="Sombra" data-v-36b515f8><p>Sombra</p>
</a><!----></li><li class="toc-item" data-v-36b515f8><a class="toc-link" href="#fuente" title="Fuente" data-v-36b515f8><p>Fuente</p>
</a><!----></li><!--]--></ul><div class="toc-marker" data-v-36b515f8></div><p class="text-14px font-300 color-$text-color-secondary" data-v-36b515f8>Patrocinado por</p><div class="join sponsors-button mt-4 w-100%" data-v-36b515f8><!--[--><a href="mailto:element-plus@outlook.com" target="_blank" class="el-tooltip__trigger"><button ariadisabled="false" type="button" class="el-button" style="overflow:hidden;"><!--v-if--><span class=""><!--[-->¡Conviértete en un patrocinador!<!--]--></span></button></a><!--teleport start--><!--teleport end--><!--]--></div><div class="m-t-16px flex flex-wrap justify-between" data-v-36b515f8><!--[--><!--[--><a href="https://wonderful-code.gitee.io/?from=element-plus" title="BuildAdmin - Vue3企业级开源后台管理系统" target="_blank"><div class="flex m-b-2px bg-#F9F9F9 rd-0px h-40px w-89px justify-center items-center"><img src="/images/sponsors/buildadmin-l.png" alt="BuildAdmin"></div></a><!--]--><!--[--><a href="https://bit.dev/?from=element-ui" title="bit - Share Code" target="_blank"><div class="flex m-b-2px bg-#F9F9F9 rd-0px h-40px w-89px justify-center items-center"><img src="/images/bit-l.png" alt="bit"></div></a><!--]--><!--[--><div class="flex bg-#F9F9F9 rd-0px h-40px w-89px justify-center items-center"><div class="color-#ddd text-13px cursor-default">Your logo</div></div><!--]--><!--]--></div><div class="m-t-16px" data-v-36b515f8><!--[--><!--]--></div></nav></aside></div><footer class="footer"><div class="footer-main"><h4>Links</h4><a href="https://github.com/element-plus/element-plus" class="footer-main-link" target="_blank">GitHub</a><a href="https://element-plus.gitee.io/zh-CN/" class="footer-main-link" target="_blank">China Mirror 🇨🇳</a><a href="https://github.com/element-plus/element-plus/releases" class="footer-main-link" target="_blank">Changelog</a><a href="https://element.eleme.io/" class="footer-main-link" target="_blank">Element UI para Vue 2</a></div><div class="footer-main"><h4>Comunidad</h4><a href="https://discord.com/invite/gXK9XNzW3X" class="footer-main-link" target="_blank">Discord</a><a href="https://github.com/element-plus/element-plus/issues" class="footer-main-link" target="_blank">Feedback</a><a href="https://github.com/element-plus/element-plus/blob/dev/.github/CONTRIBUTING.en-US.md" class="footer-main-link" target="_blank">Contribuciones</a><a href="https://segmentfault.com/t/element-plus" class="footer-main-link" target="_blank">SegmentFault</a></div></footer></main><!----></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"en-us_component_affix.md\":\"b3d37a24\",\"en-us_component_alert.md\":\"39d3b8f6\",\"en-us_component_autocomplete.md\":\"d3d4e16a\",\"en-us_component_avatar.md\":\"d3aa4936\",\"en-us_component_backtop.md\":\"24e70286\",\"en-us_component_badge.md\":\"9f3afaff\",\"en-us_component_border.md\":\"34d56b81\",\"en-us_component_breadcrumb.md\":\"b43f1199\",\"en-us_component_button.md\":\"665539eb\",\"en-us_component_calendar.md\":\"510aecbd\",\"en-us_component_card.md\":\"9b979fc5\",\"en-us_component_carousel.md\":\"5d80e8d3\",\"en-us_component_cascader.md\":\"8cd222ff\",\"en-us_component_checkbox.md\":\"fbf99f77\",\"en-us_component_collapse.md\":\"065eaf21\",\"en-us_component_color-picker.md\":\"df76f1d0\",\"en-us_component_color.md\":\"c66cabcd\",\"en-us_component_config-provider.md\":\"63b0ab55\",\"en-us_component_container.md\":\"fe90553d\",\"en-us_component_date-picker.md\":\"46a96199\",\"en-us_component_datetime-picker.md\":\"ed527627\",\"en-us_component_descriptions.md\":\"ab173475\",\"en-us_component_dialog.md\":\"adc1b3c3\",\"en-us_component_divider.md\":\"e2051baa\",\"en-us_component_drawer.md\":\"ea8dd99c\",\"en-us_component_dropdown.md\":\"41ec2ad9\",\"en-us_component_empty.md\":\"00c1598a\",\"en-us_component_form.md\":\"5bcb953a\",\"en-us_component_icon.md\":\"644b79a8\",\"en-us_component_image.md\":\"d66bfd17\",\"en-us_component_infinite-scroll.md\":\"46e856b1\",\"en-us_component_input-number.md\":\"55a58aa8\",\"en-us_component_input.md\":\"f4f9062e\",\"en-us_component_layout.md\":\"eff98c2d\",\"en-us_component_link.md\":\"2ec45988\",\"en-us_component_loading.md\":\"ae6ffbcd\",\"en-us_component_menu.md\":\"e40fc3d1\",\"en-us_component_message-box.md\":\"d4010273\",\"en-us_component_message.md\":\"3868d88f\",\"en-us_component_notification.md\":\"ec3a5d4c\",\"en-us_component_page-header.md\":\"fc545223\",\"en-us_component_pagination.md\":\"e879097e\",\"en-us_component_popconfirm.md\":\"5e21da01\",\"en-us_component_popover.md\":\"e635bb50\",\"en-us_component_progress.md\":\"d6466b24\",\"en-us_component_radio.md\":\"35a90b2b\",\"en-us_component_rate.md\":\"584bdf75\",\"en-us_component_result.md\":\"6b12f757\",\"en-us_component_scrollbar.md\":\"ce4a0938\",\"en-us_component_select-v2.md\":\"401b3ad2\",\"en-us_component_select.md\":\"f053be90\",\"en-us_component_skeleton.md\":\"ead25df4\",\"en-us_component_slider.md\":\"acb4f0c7\",\"en-us_component_space.md\":\"84aa1c38\",\"en-us_component_statistic.md\":\"a1e0dd74\",\"en-us_component_steps.md\":\"5b6e2597\",\"en-us_component_switch.md\":\"285c16b7\",\"en-us_component_table-v2.md\":\"c2cab810\",\"en-us_component_table.md\":\"66d2f87a\",\"en-us_component_tabs.md\":\"d1f0bd16\",\"en-us_component_tag.md\":\"70725609\",\"en-us_component_text.md\":\"c023ce38\",\"en-us_component_time-picker.md\":\"49077339\",\"en-us_component_time-select.md\":\"a8ee419e\",\"en-us_component_timeline.md\":\"1c77cb04\",\"en-us_component_tooltip-v2.md\":\"93f74318\",\"en-us_component_tooltip.md\":\"3cc1a792\",\"en-us_component_transfer.md\":\"abe353ed\",\"en-us_component_tree-select.md\":\"e7c00854\",\"en-us_component_tree-v2.md\":\"f9d6608d\",\"en-us_component_tree.md\":\"a70e50f2\",\"en-us_component_typography.md\":\"daba0611\",\"en-us_component_upload.md\":\"3311ef7a\",\"en-us_guide_changelog.md\":\"36195f24\",\"en-us_guide_commit-examples.md\":\"58fbfbae\",\"en-us_guide_dark-mode.md\":\"57b71ebf\",\"en-us_guide_design.md\":\"0ba59ca0\",\"en-us_guide_dev-faq.md\":\"a17ada9c\",\"en-us_guide_dev-guide.md\":\"ed8bf8e9\",\"en-us_guide_i18n.md\":\"89c81e7b\",\"en-us_guide_installation.md\":\"75843cab\",\"en-us_guide_migration.md\":\"c848a3af\",\"en-us_guide_namespace.md\":\"1b2dca07\",\"en-us_guide_nav.md\":\"8a400ef4\",\"en-us_guide_quickstart.md\":\"3ce3eaea\",\"en-us_guide_ssr.md\":\"090aa95b\",\"en-us_guide_theming.md\":\"38d25b3d\",\"en-us_guide_transitions.md\":\"946ac2d1\",\"en-us_guide_translation.md\":\"d72fc7b1\",\"en-us_index.md\":\"7145bc7e\",\"en-us_resource_index.md\":\"d8377bf7\",\"es-es_component_affix.md\":\"4f72cced\",\"es-es_component_alert.md\":\"d6c37c85\",\"es-es_component_autocomplete.md\":\"d494b812\",\"es-es_component_avatar.md\":\"3ce62568\",\"es-es_component_backtop.md\":\"c04f5cc5\",\"es-es_component_badge.md\":\"7b4ab2c0\",\"es-es_component_border.md\":\"e6fe1025\",\"es-es_component_breadcrumb.md\":\"9c62b2d1\",\"es-es_component_button.md\":\"63cd3632\",\"es-es_component_calendar.md\":\"b1de7c80\",\"es-es_component_card.md\":\"13c4ab34\",\"es-es_component_carousel.md\":\"8af79d4e\",\"es-es_component_cascader.md\":\"53ce72eb\",\"es-es_component_checkbox.md\":\"09117b19\",\"es-es_component_collapse.md\":\"858c9d64\",\"es-es_component_color-picker.md\":\"b56fee99\",\"es-es_component_color.md\":\"d83dd69f\",\"es-es_component_config-provider.md\":\"a09608a3\",\"es-es_component_container.md\":\"e07c9576\",\"es-es_component_date-picker.md\":\"43ea4ce6\",\"es-es_component_datetime-picker.md\":\"45112b4d\",\"es-es_component_descriptions.md\":\"16ba94f6\",\"es-es_component_dialog.md\":\"579302c9\",\"es-es_component_divider.md\":\"55da332c\",\"es-es_component_drawer.md\":\"616925e4\",\"es-es_component_dropdown.md\":\"1518f9ed\",\"es-es_component_empty.md\":\"8fabd235\",\"es-es_component_form.md\":\"a4b7e482\",\"es-es_component_icon.md\":\"71cb6a83\",\"es-es_component_image.md\":\"a1d8e136\",\"es-es_component_infinite-scroll.md\":\"ef191184\",\"es-es_component_input-number.md\":\"e985f988\",\"es-es_component_input.md\":\"fba2e9a3\",\"es-es_component_layout.md\":\"41d92e9d\",\"es-es_component_link.md\":\"8408e450\",\"es-es_component_loading.md\":\"f38085cb\",\"es-es_component_menu.md\":\"6febe0c8\",\"es-es_component_message-box.md\":\"15e5c47b\",\"es-es_component_message.md\":\"e49996f4\",\"es-es_component_notification.md\":\"eef75005\",\"es-es_component_page-header.md\":\"b6a1b531\",\"es-es_component_pagination.md\":\"6e60a7a7\",\"es-es_component_popconfirm.md\":\"af55bb36\",\"es-es_component_popover.md\":\"bf329b54\",\"es-es_component_progress.md\":\"7a47db86\",\"es-es_component_radio.md\":\"d307ff23\",\"es-es_component_rate.md\":\"5d1ced55\",\"es-es_component_result.md\":\"b2685910\",\"es-es_component_scrollbar.md\":\"ef1ef28b\",\"es-es_component_select-v2.md\":\"00a53024\",\"es-es_component_select.md\":\"57c345c4\",\"es-es_component_skeleton.md\":\"decde235\",\"es-es_component_slider.md\":\"53c0b7d4\",\"es-es_component_space.md\":\"7fe95c36\",\"es-es_component_statistic.md\":\"86307a94\",\"es-es_component_steps.md\":\"dee570cf\",\"es-es_component_switch.md\":\"ce960cd4\",\"es-es_component_table-v2.md\":\"934bd7ac\",\"es-es_component_table.md\":\"16894012\",\"es-es_component_tabs.md\":\"818ae61e\",\"es-es_component_tag.md\":\"8fe2b1fb\",\"es-es_component_text.md\":\"45717625\",\"es-es_component_time-picker.md\":\"d349b682\",\"es-es_component_time-select.md\":\"6e24e4ed\",\"es-es_component_timeline.md\":\"c933736c\",\"es-es_component_tooltip-v2.md\":\"f7ffc002\",\"es-es_component_tooltip.md\":\"34e64cd0\",\"es-es_component_transfer.md\":\"9c596132\",\"es-es_component_tree-select.md\":\"0032f886\",\"es-es_component_tree-v2.md\":\"143d663c\",\"es-es_component_tree.md\":\"d23b8299\",\"es-es_component_typography.md\":\"e7e11702\",\"es-es_component_upload.md\":\"0a2cc5d9\",\"es-es_guide_changelog.md\":\"1d8ab9b2\",\"es-es_guide_commit-examples.md\":\"169502a2\",\"es-es_guide_dark-mode.md\":\"f5a1b60a\",\"es-es_guide_design.md\":\"6dca3941\",\"es-es_guide_dev-faq.md\":\"0b7daffe\",\"es-es_guide_dev-guide.md\":\"b162233e\",\"es-es_guide_i18n.md\":\"00b59206\",\"es-es_guide_installation.md\":\"f6b7aa08\",\"es-es_guide_migration.md\":\"0dbea0a5\",\"es-es_guide_namespace.md\":\"058ef0e7\",\"es-es_guide_nav.md\":\"59f466d7\",\"es-es_guide_quickstart.md\":\"828d0550\",\"es-es_guide_ssr.md\":\"7be2d8ec\",\"es-es_guide_theming.md\":\"7a6c5d71\",\"es-es_guide_transitions.md\":\"9bfda7fd\",\"es-es_guide_translation.md\":\"2ed37af9\",\"es-es_index.md\":\"d5fd6bce\",\"es-es_resource_index.md\":\"7d2e223f\",\"index.md\":\"2e6a75f1\",\"zh-cn_component_affix.md\":\"331fdf2a\",\"zh-cn_component_alert.md\":\"bb7391c0\",\"zh-cn_component_autocomplete.md\":\"42573dda\",\"zh-cn_component_avatar.md\":\"74ed1ca7\",\"zh-cn_component_backtop.md\":\"5376d58b\",\"zh-cn_component_badge.md\":\"8ac87868\",\"zh-cn_component_border.md\":\"9817e9a9\",\"zh-cn_component_breadcrumb.md\":\"f57e0b68\",\"zh-cn_component_button.md\":\"f7bc0ab8\",\"zh-cn_component_calendar.md\":\"7fa3becd\",\"zh-cn_component_card.md\":\"7c9b56a5\",\"zh-cn_component_carousel.md\":\"ba2e957b\",\"zh-cn_component_cascader.md\":\"b94a1210\",\"zh-cn_component_checkbox.md\":\"0bfacb45\",\"zh-cn_component_collapse.md\":\"275454eb\",\"zh-cn_component_color-picker.md\":\"08b4e927\",\"zh-cn_component_color.md\":\"49479955\",\"zh-cn_component_config-provider.md\":\"8659904f\",\"zh-cn_component_container.md\":\"39c75c3e\",\"zh-cn_component_date-picker.md\":\"75d94855\",\"zh-cn_component_datetime-picker.md\":\"bedbc93e\",\"zh-cn_component_descriptions.md\":\"ab794a35\",\"zh-cn_component_dialog.md\":\"40b3e041\",\"zh-cn_component_divider.md\":\"bc430d3e\",\"zh-cn_component_drawer.md\":\"8eaf0c22\",\"zh-cn_component_dropdown.md\":\"cde3c962\",\"zh-cn_component_empty.md\":\"e0000a8f\",\"zh-cn_component_form.md\":\"c057382d\",\"zh-cn_component_icon.md\":\"878b6e0c\",\"zh-cn_component_image.md\":\"f81cda02\",\"zh-cn_component_infinite-scroll.md\":\"fbc76848\",\"zh-cn_component_input-number.md\":\"9915bf73\",\"zh-cn_component_input.md\":\"d5b12cfe\",\"zh-cn_component_layout.md\":\"3a87a05f\",\"zh-cn_component_link.md\":\"e5822443\",\"zh-cn_component_loading.md\":\"365a72ed\",\"zh-cn_component_menu.md\":\"8171499c\",\"zh-cn_component_message-box.md\":\"1c2848af\",\"zh-cn_component_message.md\":\"419486b4\",\"zh-cn_component_notification.md\":\"73b3c0d5\",\"zh-cn_component_page-header.md\":\"4ac73e51\",\"zh-cn_component_pagination.md\":\"7c9eee6c\",\"zh-cn_component_popconfirm.md\":\"69be979e\",\"zh-cn_component_popover.md\":\"49245d10\",\"zh-cn_component_progress.md\":\"2206e23f\",\"zh-cn_component_radio.md\":\"e5748b1f\",\"zh-cn_component_rate.md\":\"c2db56d8\",\"zh-cn_component_result.md\":\"2e223044\",\"zh-cn_component_scrollbar.md\":\"c1111f4c\",\"zh-cn_component_select-v2.md\":\"c618ca1f\",\"zh-cn_component_select.md\":\"9043443d\",\"zh-cn_component_skeleton.md\":\"d6780ff4\",\"zh-cn_component_slider.md\":\"ce1166e6\",\"zh-cn_component_space.md\":\"68786c26\",\"zh-cn_component_statistic.md\":\"5fed46b1\",\"zh-cn_component_steps.md\":\"31bf7123\",\"zh-cn_component_switch.md\":\"0f69b4b9\",\"zh-cn_component_table-v2.md\":\"748d126c\",\"zh-cn_component_table.md\":\"7e862e09\",\"zh-cn_component_tabs.md\":\"7b438147\",\"zh-cn_component_tag.md\":\"96e4f731\",\"zh-cn_component_text.md\":\"ad90ad03\",\"zh-cn_component_time-picker.md\":\"ed6bf6f3\",\"zh-cn_component_time-select.md\":\"b23f9862\",\"zh-cn_component_timeline.md\":\"95c03100\",\"zh-cn_component_tooltip-v2.md\":\"a1b1bd2f\",\"zh-cn_component_tooltip.md\":\"5de55d4c\",\"zh-cn_component_transfer.md\":\"d33c34d3\",\"zh-cn_component_tree-select.md\":\"8d3d92de\",\"zh-cn_component_tree-v2.md\":\"6fd43fe1\",\"zh-cn_component_tree.md\":\"a04ccfb1\",\"zh-cn_component_typography.md\":\"5dcc47bf\",\"zh-cn_component_upload.md\":\"3fbeba89\",\"zh-cn_guide_changelog.md\":\"7219060b\",\"zh-cn_guide_commit-examples.md\":\"f84e0d64\",\"zh-cn_guide_dark-mode.md\":\"b49ac271\",\"zh-cn_guide_design.md\":\"7f37af9c\",\"zh-cn_guide_dev-faq.md\":\"becd289c\",\"zh-cn_guide_dev-guide.md\":\"6763b219\",\"zh-cn_guide_i18n.md\":\"e63ca85d\",\"zh-cn_guide_installation.md\":\"c03fba73\",\"zh-cn_guide_migration.md\":\"5699e4c6\",\"zh-cn_guide_namespace.md\":\"3201474b\",\"zh-cn_guide_nav.md\":\"a9867a3a\",\"zh-cn_guide_quickstart.md\":\"a3cdd4f8\",\"zh-cn_guide_ssr.md\":\"0ee1e320\",\"zh-cn_guide_theming.md\":\"72d01781\",\"zh-cn_guide_transitions.md\":\"9fb2fcf8\",\"zh-cn_guide_translation.md\":\"21ff9d97\",\"zh-cn_index.md\":\"6f300c54\",\"zh-cn_resource_index.md\":\"1bc5bd3f\"}")</script>
<script type="module" async src="/assets/app.91d65c54.js"></script>
</body>
</html>