My borders are not working!?


#1



Sorting your friends: Style those divs!


My error messages are telling me that my border is wrong. I looked back at other lessons and am still not sure what my error is. I'm sure it's something stupid but I cannot figure it out :slight_smile:


`

Replace this line with your code.


#2

HI it's missing the ;

;

after border-radius: 100px


#3

I added them, but it is still saying that there is no border. Any other suggestions?:blush:


#4

Can you post your new code only the .css part?


#6

A post was split to a new topic: The big if


#7

2 posts were merged into an existing topic: The big if


#8

I posted it. Could the problem be that I have the % instead of px?


#9

no, you use the border-style property, while you should use the border property, given you give it 3 values

There are two proper ways to define a border: using the border property with 3 values, or the individual property's (border-width, border-style, border-color) with one value each


#10

yes it should be % and not px my mistake :confused:


#11

Thank you so much!:grin:


#12

separate border style and border color

border-width:2px
border-style: solid

dont do border-style: 2px Solid Black

display: inline-block;
margin-left: 5px;
height: 100px;
width: 100px;
border-radius: 100%;
border-width: 2px;
border-color: black;
border-style: solid;