Stack Overflow
Stack Overflow

Questions tagged [outline]

outline is a property in CSS, that is used to draw a line around the element. Question that has the problem related to outline property of CSS.

An outline is a line that is drawn around elements (outside the borders).

The outline is not a part of the element's dimensions, therefore the element's width and height properties do not contain the width of the outline.

This link contains the example of outline .

The tutorial is here.

473 questions
255
votes
16 answers

What is the difference between outline and border CSS properties?

What is the difference between border and outline properties in CSS? If there is no difference, then why are there two properties for the same thing?
KJ Saxena
  • 21,452
  • 24
  • 81
  • 109
123
votes
5 answers

How to get an outline view in sublime texteditor?

How do I get an outline view in sublime text editor for Windows? The minimap is helpful but I miss a traditional outline (a klickable list of all the functions in my code in the order they appear for quick navigation and orientation) Maybe there is…
user89021
  • 14,784
  • 16
  • 53
  • 65
109
votes
16 answers

Disable orange outline highlight on focus

I am coding an app using jQuery, jqTouch and phonegap and have run across a persistent problem which arises when a user submits a form using the Go button on the soft keyboard. Although it is easy to get the cursor to move to the appropriate form…
eggdeng
  • 1,099
  • 2
  • 8
  • 3
73
votes
20 answers

Bootstrap button - remove outline on Chrome OS X

I am looking to achieve this: http://getbootstrap.com/javascript/#popovers-examples - scroll to the "live Demo" and hit the red popover button, in Chrome on OS X.... It's perfect beautiful However, in my own code it outlines blue, despite a litany…
Shane Holloman
  • 861
  • 1
  • 6
  • 7
62
votes
8 answers

How do I remove outline on link click?

When I click a link on my website it is creating an outline around the link like so I've tried adding: a.image-link:focus { outline: 0; } and a {outline : none;} But nothing seems to get rid of it. Is there a way to remove it?
SaturnsEye
  • 6,297
  • 10
  • 46
  • 62
33
votes
2 answers

Outline border bottom only

I'd like to create a bottom outline border when the cursor is over an image and I don't know how to do this. I'd like to use this kind of inner border because I don't want to have layout problems with a traditional border-bottom. Here's my current…
Jeanjean
  • 723
  • 2
  • 12
  • 22
31
votes
3 answers

Outline getting hidden by the next element

I have a row of images, each wrapped in a link. I want a dotted outline to appear around each image when I hover the mouse. The trouble is, the outline on the RHS is missing from all but the last image. Its as if the images are overlapping the…
spiderplant0
  • 3,872
  • 12
  • 52
  • 91
30
votes
3 answers

Is it possible to create an outline border with radius?

I known you can add an outline border with CSS3. outline: 10px solid red; Now I was wondering how I can add also a radius to that outline border. I have tried this one, but doesn't work: .radius { padding: 20px 60px; text-transform:…
Caspert
  • 4,271
  • 15
  • 59
  • 104
28
votes
9 answers

How to make text stroke in SwiftUI?

I'm trying to make text-stroke in SwiftUI or add a border on my text, in the letters not the Text() item. Is it possible? I want to make this effect with the border: (source: noelshack.com)
Nicolas M
  • 475
  • 1
  • 7
  • 14
26
votes
2 answers

React Native border radius makes outline

I would like to make the circle view by using react-native. Here what I did: circle: { position: 'absolute', borderWidth: 10, borderColor: '#fff', top: 20, left: 30, width: 150, height: 150, borderRadius: 150 / 2, …
Luc
  • 2,800
  • 2
  • 25
  • 46
26
votes
6 answers

Removing blue outline/border from image anchor IE

To start off, I don't even know what this is. I tried text-decoration: none, border: none, outline: 0, and nothing seems to work? My CSS file is working all right, so it's not that? Here's a picture: http://i38.tinypic.com/rbgv3k.jpg
Sidetik
  • 610
  • 2
  • 9
  • 16
25
votes
5 answers

Unwanted outline or border around button when clicked

I have a styled button on my website. But when I click it, it creates an unwanted border or outline (I don't know which). How can I remove that border? Below is all the code that pertains to the button. button { border: hidden; cursor:…
Web_Designer
  • 72,308
  • 93
  • 206
  • 262
19
votes
6 answers

Outline UILabel text in UILabel Subclass

I'm trying hard to find a way to simply add an outline/stroke/contour to my UILabel text. Talking about a stroke around the letters of the text not around the background of a UILabel. I'm using swift 3 and I'd like to outline my text directly into…
iji
  • 392
  • 1
  • 2
  • 13
18
votes
7 answers

How do I remove an active outline from jquery accordion?

I am using Jquery Accordion. The active link has an outline. I have tried using css: #accordion a:focus { outline: none; } #accordion a:active {outline: none; font-weight:bold;} and also #accordion a:-moz-any-link:focus { outline: none; } None…
Ash
  • 181
  • 1
  • 1
  • 4
1
2 3
…
31 32