how to border the circle in html

Question

1.00/5 (1 vote)

See more:

HEllo friends,

i want border to circle in red color.is there any idea .please let me know.
i create css as follows

CSS

.circle {
      width: 22px;
    height: 22px;
    background: #FF8C00;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: #191970;
      -webkit-border-image:blue;
      font-size:0.95em;
}

and i have

<input class=" circle" type="text" value="&amp;" align="right" style="color:white" align="bottom"  />

Posted 3-Nov-15 1:36am

R Harshal

Add a Solution

3 solutions

Solution 3

Add border-color property in CSS class. See below code:

CSS

.circle {
    width: 22px;
    height: 22px;
    background: #FF8C00;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    border-color: red;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #191970;
    -webkit-border-image:blue;
    font-size:0.95em;
}

Posted 3-Nov-15 1:57am

Manas_Kumar

Comments

R Harshal 3-Nov-15 8:09am

& should be in center. is there any way .Please let me know.i am confused

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

**Debojyoti Saha** · Accepted Answer · 2015-11-03T01:49:00

Solution 1

Please add the css code

CSS

border: 1px solid red;

Posted 3-Nov-15 1:49am

Debojyoti Saha

Comments

R Harshal 3-Nov-15 8:08am

& should be in center. is there any way .Please let me know.

Debojyoti Saha 3-Nov-15 8:46am

center in what?
text center or control center?

Krunal Rohit · Accepted Answer · 2015-11-03T01:50:00

Solution 2

Use the border:

CSS

.circle {
      width: 22px;
    height: 22px;
    background: #FF8C00;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
    -webkit-text-stroke-width: 2px;
   -webkit-text-stroke-color: #191970;
      -webkit-border-image:blue;
      font-size:0.95em;
    border:solid 1px red;
}

-KR

Posted 3-Nov-15 1:50am

Krunal Rohit

Comments

R Harshal 3-Nov-15 8:07am

& should be in center. is there any way .Please let me know.

Krunal Rohit 3-Nov-15 8:09am

text-align: center;

-KR

R Harshal 3-Nov-15 8:33am

thanks buddy .its working