mickeymouse Posted February 14, 2020 Share Posted February 14, 2020 How do I get bottom borders or left borders only? In my input tag, I've used style='border:none' --- works fine. style='border:left' --- I get all borders. style='border:bottom' --- I get all borders. TKS Link to comment Share on other sites More sharing options...
niche Posted February 14, 2020 Share Posted February 14, 2020 Add margins to your thinking:https://www.w3schools.com/css/css_margin.asp Link to comment Share on other sites More sharing options...
mickeymouse Posted February 14, 2020 Author Share Posted February 14, 2020 Thanks but this wont do the job. I dont think using <div> and </div> tags for every <input...> tag I have is the way to do it. What I'm looking for is bottom borders for my <input...> tag. Also, the W3 example of margins doesn't even work in the W3 documentation itself. Go there and try to modify the margin sizes! Link to comment Share on other sites More sharing options...
niche Posted February 14, 2020 Share Posted February 14, 2020 (edited) Point. What's your actual relevant code look like? Edited February 14, 2020 by niche Link to comment Share on other sites More sharing options...
mickeymouse Posted February 14, 2020 Author Share Posted February 14, 2020 With this, I get no borders (as requested): <input readonly style='border:none;color:black;text-align:left;width:100;font-size:16' value='$ActNm'> With this, I get borders all around while I just want a bottom border. <input readonly style='border:bottom;color:black;text-align:left;width:100;font-size:16' value='$ActNm'> Link to comment Share on other sites More sharing options...
dsonesuk Posted February 14, 2020 Share Posted February 14, 2020 because there is no such thing as border: bottom; color, style and width is what you need to set, that is not recognised, so reverts to default. 1 Link to comment Share on other sites More sharing options...
niche Posted February 14, 2020 Share Posted February 14, 2020 thanks dsonesuk. obviously, i didn't know that off the top of my head, but would've figured it out. thanks again for the save. Link to comment Share on other sites More sharing options...
mickeymouse Posted February 15, 2020 Author Share Posted February 15, 2020 Thanks for clarifying. I thought it was available according to what I thought I had seen in documentation. It's unfortunate that this is not possible. Link to comment Share on other sites More sharing options...
dsonesuk Posted February 15, 2020 Share Posted February 15, 2020 It is! possible, if you use correct properties. border: none;/* remove all borders, but styling remain if set by your custom css or browser default css.*/ border-bottom-width: 1px; /*show bottom border width 1px, the colour and style will be as mentioned above to what is currently set */ /*completely new style width colour*/ border-bottom: 3px dotted lime; Link to comment Share on other sites More sharing options...
dsonesuk Posted February 15, 2020 Share Posted February 15, 2020 What you should have done on realising you made an error, is gone to Tutorial about css borders to identify the correct syntax for border styling properties, experimented until you got the correct result, instead giving up or implying you had giving up! So someone would do the work for you. This is very basic css. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now