# Ion-list no separating lines

**URL:** <https://forum.ionicframework.com/t/ion-list-no-separating-lines/6981>\
**Category:** uncategorized\
**Created:** [July 17, 2014, 12:20pm UTC](https://forum.ionicframework.com/t/ion-list-no-separating-lines/6981 "2014-07-17T12:20:24Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![emilywhou](https://avatars.discourse-cdn.com/v4/letter/e/e9c0ed/32.png) [@emilywhou](https://forum.ionicframework.com/u/emilywhou)\
**Post date:** [July 17, 2014, 12:20pm UTC](https://forum.ionicframework.com/t/ion-list-no-separating-lines/6981/1 "2014-07-17T12:20:26Z")

</div>

Is there a way to prevent the separating lines between items in an ion-list? I am putting the item content in a card and it looks awkward with the list lines there as well, I want the items to look like they’re floating above… Thanks!

---

<div class="post-metadata">

**Author:** ![shashikant](https://avatars.discourse-cdn.com/v4/letter/s/edb3f5/32.png) [@shashikant](https://forum.ionicframework.com/u/shashikant)\
**Post date:** [July 17, 2014, 12:34pm UTC](https://forum.ionicframework.com/t/ion-list-no-separating-lines/6981/2 "2014-07-17T12:34:34Z")

</div>

Hi @emilywhou,

Using following css. you can hide the separator.

.list a.item  
{  
border-top: 0px;  
border-left: 0px;  
border-right: 0px;  
border-bottom: 0px;  
}

---

<div class="post-metadata">

**Author:** ![cScarlson](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/cscarlson/32/87808_2.png) [@cScarlson](https://forum.ionicframework.com/u/cScarlson)\
**Post date:** [February 15, 2016, 7:51pm UTC](https://forum.ionicframework.com/t/ion-list-no-separating-lines/6981/3 "2016-02-15T19:51:46Z")

</div>

class=“item-borderless”

---

<div class="post-metadata">

**Author:** ![johnguilbertc](https://avatars.discourse-cdn.com/v4/letter/j/c6cbf5/32.png) [@johnguilbertc](https://forum.ionicframework.com/u/johnguilbertc)\
**Post date:** [September 24, 2016, 11:26am UTC](https://forum.ionicframework.com/t/ion-list-no-separating-lines/6981/4 "2016-09-24T11:26:51Z")

</div>

Works for me. thanks!

---

<div class="post-metadata">

**Author:** ![zixia](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/zixia/32/71813_2.png) [@zixia](https://forum.ionicframework.com/u/zixia)\
**Post date:** [November 19, 2016, 3:55pm UTC](https://forum.ionicframework.com/t/ion-list-no-separating-lines/6981/5 "2016-11-19T15:55:37Z")

</div>

works for ionic creator, thanmks.

---

<div class="post-metadata">

**Author:** ![govindappaarun](https://avatars.discourse-cdn.com/v4/letter/g/f6c823/32.png) [@govindappaarun](https://forum.ionicframework.com/u/govindappaarun)\
**Post date:** [February 6, 2017, 6:10am UTC](https://forum.ionicframework.com/t/ion-list-no-separating-lines/6981/6 "2017-02-06T06:10:48Z")

</div>

As per latest documentation: 2.0, no-lines works

```
Item with no border
```

---

<div class="post-metadata">

**Author:** ![melchia](https://avatars.discourse-cdn.com/v4/letter/m/e5b9ba/32.png) [@melchia](https://forum.ionicframework.com/u/melchia)\
**Post date:** [February 27, 2017, 2:15pm UTC](https://forum.ionicframework.com/t/ion-list-no-separating-lines/6981/7 "2017-02-27T14:15:37Z")

</div>

Thanks works fine in Ionic 2 🙂  
Can you give me please the documentation link for this component?

---

<div class="post-metadata">

**Author:** ![abhinav\_clairvoyant](https://avatars.discourse-cdn.com/v4/letter/a/50afbb/32.png) [@abhinav\_clairvoyant](https://forum.ionicframework.com/u/abhinav_clairvoyant)\
**Post date:** [February 28, 2017, 6:06am UTC](https://forum.ionicframework.com/t/ion-list-no-separating-lines/6981/8 "2017-02-28T06:06:45Z")

</div>

Thanks… Worked for me.

---

<div class="post-metadata">

**Author:** ![govindappaarun](https://avatars.discourse-cdn.com/v4/letter/g/f6c823/32.png) [@govindappaarun](https://forum.ionicframework.com/u/govindappaarun)\
**Post date:** [March 1, 2017, 1:26pm UTC](https://forum.ionicframework.com/t/ion-list-no-separating-lines/6981/9 "2017-03-01T13:26:42Z")

</div>

> **[Ionic Framework](https://ionicframework.com/docs/api/components/item/Item/)**
>
> Ionic is the app platform for web developers. Build amazing mobile, web, and desktop apps all with one shared code base and open web standards

  
this is the link for ion-item documentation, and look for no-lines

---

<div class="post-metadata">

**Author:** ![melchia](https://avatars.discourse-cdn.com/v4/letter/m/e5b9ba/32.png) [@melchia](https://forum.ionicframework.com/u/melchia)\
**Post date:** [March 1, 2017, 1:28pm UTC](https://forum.ionicframework.com/t/ion-list-no-separating-lines/6981/10 "2017-03-01T13:28:49Z")

</div>

You’re right! 😄 thank you

---

<div class="post-metadata">

**Author:** ![yasirpanjsheri](https://avatars.discourse-cdn.com/v4/letter/y/c0e974/32.png) [@yasirpanjsheri](https://forum.ionicframework.com/u/yasirpanjsheri)\
**Post date:** [April 26, 2017, 6:35am UTC](https://forum.ionicframework.com/t/ion-list-no-separating-lines/6981/11 "2017-04-26T06:35:30Z")

</div>

hi , how to remove the line from the last item in a list ?

---

<div class="post-metadata">

**Author:** ![muhammedmoussa](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/muhammedmoussa/32/102622_2.png) [@muhammedmoussa](https://forum.ionicframework.com/u/muhammedmoussa)\
**Post date:** [June 12, 2017, 9:32am UTC](https://forum.ionicframework.com/t/ion-list-no-separating-lines/6981/12 "2017-06-12T09:32:53Z")

</div>

```auto
.item { border-style: none }

```

---

<div class="post-metadata">

**Author:** ![rajendradubey00](https://avatars.discourse-cdn.com/v4/letter/r/82dd89/32.png) [@rajendradubey00](https://forum.ionicframework.com/u/rajendradubey00)\
**Post date:** [April 4, 2018, 9:37pm UTC](https://forum.ionicframework.com/t/ion-list-no-separating-lines/6981/13 "2018-04-04T21:37:20Z")

</div>

Use `no-lines` Here is the example:

`<ion-item no-lines >`

Working perfectlyPreformatted text for me.  
[skydevelopers](http://www.skydevelopers.net)

---

<div class="post-metadata">

**Author:** ![bmukorera](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/bmukorera/32/122610_2.png) [@bmukorera](https://forum.ionicframework.com/u/bmukorera)\
**Post date:** [October 25, 2018, 4:08pm UTC](https://forum.ionicframework.com/t/ion-list-no-separating-lines/6981/14 "2018-10-25T16:08:00Z")

</div>

For ion-list in ionic 4, use the attribute lines=“none” , this will remove the lines on ion-item elements
