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
6
votes
1 answer

How to create an outline of an image if I know the background color?

I want to create a simple program that you open any given image and select 2 colors: BackgroundColor and OutlineColor. Then make an outline around the "object". Here is my code so far: for (int y = 1; y < height - 1; y++) //iterate trough…
Bosak
  • 2,103
  • 4
  • 24
  • 43
5
votes
4 answers

Chrome default focus outline

I'm trying to remove default focus froom chrome and it works with outline:none; in the same time I want to add an box-shadow but it not working for select . *:focus { outline:none;…
BurebistaRuler
  • 6,209
  • 11
  • 48
  • 66
5
votes
2 answers

Set text outlining / border in Actionscript 3.0

How can I set the properties for the text outline / border for each character in a line of text in AS3 ?
finpingvin
  • 692
  • 1
  • 7
  • 14
5
votes
2 answers

excel How to make the "+"symbol at the left side of the outline

I am using range.group method from the Microsoft.Office.Interop.Excel.dll and it works to group up the columns or rows as the outline level in the Excel document; but there comes the question of how to set the "+"symbol at the left side, but not…
singa
  • 51
  • 1
  • 2
5
votes
1 answer

Text Outlining Using WPF Shader

I tried to google it out, but is there any sample Shader effect which I could use to produce an outlined FormattedText. I was able to get the outline by using BuildGeometry(), but the performance is very poor! PS: Since I'm new to this and still…
Trainee4Life
  • 2,203
  • 2
  • 22
  • 38
5
votes
2 answers

stop child covering parent outline?

Due to some elements being inside a slideshow i'm using outline with negative offset instead of border. However the child elements are covering the outline but i want the border over them. I'm using it to frame the…
v3nt
  • 2,845
  • 6
  • 36
  • 50
5
votes
1 answer

(Unity) Add Outline to Alpha Cutout Shader

I have a very simple Cutout Shader for displaying Icons in 3D space (see below). I want to 'programatically' add an outline/stroke which follows the alpha contours, with a user defined thickness and colour. (Left): What I currently have - an alpha…
Ben Hayward
  • 1,444
  • 23
  • 37
5
votes
1 answer

Is there an algorithm to generate a graph outline?

I've searched the Internet and maybe I'm missing some correct keywords but I managed to find nothing like this. I only found the poly-lines (or just the lines) which are not exactly the graphs. I would like to generate a graph outline (of radius r)…
SmartK8
  • 2,616
  • 1
  • 29
  • 37
5
votes
1 answer

Hide outline focus on link when click

I need to hide the focus outline when I click on a link. But i also need to show it when I slide links with tabindex. Some websites doing this with any specific workaround.It seems that is the dafault behaviour. But in my website, when I click on a…
Hel00
  • 127
  • 1
  • 10
5
votes
2 answers

Is there a way (or a plugin) to make Vim generate a code outline for CSS?

I was trying to install taglist (but I couldn't install ctags), but I realized that it doesn't support css, is there another way or plugin to perform this job? PS: I checked the install file of ctags, but I couldn't find any steps which looked like…
alexchenco
  • 53,565
  • 76
  • 241
  • 413
5
votes
2 answers

Why is outline:none not considered good practice?

Thanks all. This was a really good discussion and clarifies a lot for me. I'm working on an input field and want to remove the outline but people say it's a bad practice. I don't understand why. After all, different browsers have different outlines,…
user2329093
5
votes
1 answer

Outline is drawn incorrectly on Chrome if outline-style is set to "solid" (and not "auto")

I am seeing this behavior for Chrome on a Mac (haven't tested it on Windows yet). Also, as this work is for a chrome extension, I am okay with getting a solution that is relevant for Chrome only (does not have to work cross-browser for now).…
tanushree
  • 763
  • 1
  • 7
  • 20
5
votes
3 answers

remove orange outline from focused element in samsung galaxy s2

Is there a way to turn off the highlight effects used by the mobile browser in the samsung galaxy s2 ? I already tried: -webkit-tap-highlight-color:rgba(0,0,0,0) -webkit-tap-highlight-color:transparent -webkit-touch-callout:…
epeleg
  • 10,347
  • 17
  • 101
  • 151
4
votes
2 answers

emacs collapsing functions in class using outline-minor-mode

What kind of a hook should i use to collapse just functions in the class. I want to see the outline of the functions in the class but if i hook hide-all everything including the class is collapsed during open.
Hamza Yerlikaya
  • 49,047
  • 44
  • 147
  • 241
4
votes
1 answer

How to use the native browser outline in CSS?

When focusing an input field Chrome and Safari show an outline that can be removed via CSS: outline: none;. I want to display this outline at some other parts to improve usability. Is there a way to use the native browser outline? I only found out…
js-coder
  • 8,134
  • 9
  • 42
  • 59