CODEWITHSUNDEEP
javascriptcssdom
Euronymous
Euronymous

Reputation: 41

(Javascript) why borderBottomRightRadius sets as borderRadius?

i have 5 inputs type range, when you use em, a image change its border radius property:

<div class="element" id="element">
    
</div>
<div class="ranges">

    <label for="" class="label">0</label>
    <input type="range" class="range" id="range-1" value="0" min="0" max="50">
    
    <label for="" class="label">0</label>
    <input type="range" class="range" id="range-2" value="0" min="0" max="50">

    <label for="" class="label">0</label>
    <input type="range" class="range" id="range-3" value="0" min="0" max="50">
    
    <label for="" class="label">0</label>
    <input type="range" class="range" id="range-4" value="0" min="0" max="50">
    
    <label for="" class="label">0</label>
    <input type="range" class="range" id="range-5" value="0" min="0" max="50">

</div>

the div with the class "element" contains the image to modify:

The problem happens when i use the 4 input: it should change the border-bottom-right-radius property, but changes border-radius:

enter image description here

Upvotes: 0

Views: 81

Answers (1)

dxlliv
dxlliv

Reputation: 482

You forgot to set a break; at line 45 :)

Upvotes: 1

Related Questions