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

Custom Outline Problem

I made the following script to override the browsers' default outlining system: * { margin: 0; outline-color: #C79700; outline-width: 1px; padding: 0; } $('document').delegate('[tabindex]', 'focusin focusout mousedown', function(event) { …
Tommaso Belluzzo
  • 23,232
  • 8
  • 74
  • 98
2
votes
2 answers

Swift: Make the outline of a UIView sketch-like

I want to make the outlines of a UIView look "wavey" like someone drew them. I have this example from PowerPoint, which allows to do it (should work with any size and corner radius): Currently this is what I have: myView.layer.borderWidth =…
אורי orihpt
  • 2,358
  • 2
  • 16
  • 41
2
votes
1 answer

Outline for text file?

In visual-studio-code I can have a text file with folding based on tabs. I find this a light way to keep notes. Any ideas if there's a way to show those fold levels in the outline window. This would be perfect for navigating the level 1 folds (maybe…
Paul Rooney
  • 111
  • 1
  • 5
2
votes
2 answers

Is CSS outline-color property is not working in firefox ? e.g. : input:focus {outline-color:#9aadee; }

.login-box input:focus{ outline:1px solid #9aadee; } -this gonna work in Firefox but not in Chrome .login-box input:focus{ outline-color:#9aadee; } -this not-gonna work in Firefox but works in Chrome
pravin magdum
  • 21
  • 1
  • 2
2
votes
1 answer

How to make CSS outline cornered?

I have code that provides me that CSS Code: .about-best-big-vector-right { width: 1380px; float: right; border-top: 140px solid #272838; border-left: 75px solid transparent; position: relative; outline: 3px solid #eda225; …
farukbigez
  • 170
  • 1
  • 10
2
votes
1 answer

Java Cucumber : Combine outline scenario and data tables

im asking if is there any way to combine outline scenario and data tables like the example bellow: Feature: User Sign UP Scenario Outline: User tries to signup with improper combination of password Given the user has browsed to…
AHmedRef
  • 2,555
  • 12
  • 43
  • 75
2
votes
1 answer

QLabel correct positioning for text outline

I am trying to create a label with text outline. I just want a simple white text with black outline. I first tried to do it in css like this label.setStyleSheet("color:white; outline:2px black;") but outline didn’t do anything. I did lots of…
WALL-E
  • 23
  • 8
2
votes
0 answers

Extract text from a specific outline or destination (not page number) with pdfminer (Python)

I’m using pdfminer.six to extract text from a PDF file. I’ve tried others PDF extractors, but only pdfminer handles the text they way I need. I want to extract the text from a specific outline (bookmark) that matches a search criteria. The…
liquidpasta
  • 21
  • 1
2
votes
1 answer

Border radius on focus for image inside anchor tag

I have this CSS: .sky:focus {border-radius: 25px; border: #000 solid 1px; outline: none} & this HTML: I wished a 25px border-radius on that focus, but it is not working. How to set border-radius on…
Muhammad Masud Ibn Aadam
  • 51
  • 4
2
votes
1 answer

How to use basic HTML5 sections properly for a clean document outline?

I've been trying for a while now to figure out how to use semantic elements to get a clean document outline for a web page of any kind. There are still some uncertainties that keep me busy. In the attempt, I essentially used section elements that…
dbran
  • 25
  • 4
2
votes
1 answer

In Karate Scenario Outline test, how to pass param values in the Examples table through a variable

I am using same set of data in most of my API requests, for ex. date ranges FromDate & ToDate. However, if i wish to change the date range then i will have to change it for all the Scenario Outlines. To avoid this, can i define the date ranges in…
Shrikant
  • 91
  • 1
  • 7
2
votes
5 answers

Two different width borders on 3 sides

I had this code to create a double border off different widths, but i need it to only show on the left,top and right sides. This is fine with the border property but not possible with outline as it doesn't share the same border-left etc border:…
JoeIsBlogging
  • 185
  • 1
  • 4
  • 12
2
votes
1 answer

CSS, outline-offset: setting the offset for each side individually

In CSS using a outline. Can I set the outline-offset for each side individually? I don't want to add padding (or any other content) to my element. Here is a visual representation of what I mean: Looked all over MDN but couldn't find anything. Is…
Willem van der Veen
  • 33,665
  • 16
  • 190
  • 155
2
votes
2 answers

Outline for anchor should display only while tabbing through the page

I have an anchor tag and I need to display the outline while tabbing through the page and should not shown while clicking on it. I have used the following code. a:focus { outline: blue dotted 2px; outline-offset: 5px!important; }
athi
  • 1,683
  • 15
  • 26
2
votes
1 answer

Safari 11 css buggy outline transition?

In Safari 11 transition of outline width on hover is very buggy, it was working ok in previous versions. Any tips for workarounds? html
css .box{ …
catico
  • 98
  • 2
  • 9
1 2 3
…
31 32