Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

Style borderRadius Property

<Style Object

пример

Добавить закругленные границы с сНом элемента:

document.getElementById("myDIV").style.borderRadius = "25px";
Попробуй сам "

Определение и использование

Свойство borderRadius свойство является обобщающим для установки или возвращения, в четыре приграничные * Radius свойства.

Tip: Это свойство позволяет добавлять закругленные углы элементов!

Поддержка браузеров

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Свойство borderRadius поддерживается в IE9 +, Firefox, Chrome, Safari и Opera.

Синтаксис

Возвращает свойство borderRadius:

object .style.borderRadius

Установите свойство borderRadius:

object .style.borderRadius=" Note: Четыре значения для каждого радиуса приведены в порядке верхний левый, верхний правый, нижний правый, нижний левый. Если нижний левый опущен, так же, как правом верхнем углу. Если правый нижний опущен, так же, как сверху слева. Если правый верхний опущен, так же, как сверху слева.

Значения свойств

Стоимость Описание
length Определяет форму углов. Значение по умолчанию равно 0
% Определяет форму углов в%
initial Установка этого свойства в значение по умолчанию. Читайте о первоначальном
inherit Inherits это свойство от родительского элемента. Читайте о унаследовать

Технические подробности

Значение по умолчанию: 0
Возвращаемое значение: Строка, представляющая границы радиуса свойство элемента
CSS версия CSS3

Похожие страницы

Ссылка CSS: border-radius property

<Style Object