---
title: "onMouseOver i <tr>"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/124431-onmouseover-i-tr"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "greymane"
published: "2005-03-15T19:38:37.000Z"
updated: "2005-03-15T23:34:12.000Z"
replies: 4
views: 324
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/124431-onmouseover-i-tr"
---

# onMouseOver i <tr>

## #1 — greymane, 2005-03-15T19:38Z

varför får jag ingen onMouseOver-effekt med följande kod:

```php
<tr onmouseover="this.style.border = 'red solid 1px';" onmouseout="this.style.border = ''">
```

 

kan man inte göra så i en tr-tagg?

Permalänk: https://www.webforum.nu/p/124431

## #2 — Insider, 2005-03-15T19:51Z

Du kar skrivit egenskaperna för kantlinjeni fel ordning.
I CSS skriver man:

```
border: 1px solid red;
```

Permalänk: https://www.webforum.nu/p/1573229

## #3 — greymane, 2005-03-15T19:57Z

funkar fortfarande inte:

```php
<tr onmouseover="this.style.border = '1px solid red';" onmouseout="this.style.border = ''">
```

Permalänk: https://www.webforum.nu/p/1573233

## #4 — zcorpan, 2005-03-15T20:52Z

Av någon anledning funkar det inte att ange border på TR, men däremot TD funkar bra. I CSS skulle det se ut ungefär såhär: 

```
tr:hover td { border: 1px solid red; }
```

Dock fungerar det inte med IE, men vi får väl hitta nån workaround med lite JavaScript 

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<title>test</title>
<style type="text/css">
td { border: 1px solid black; }
tr:hover td, tr.hover td { border-color: red; }
</style>
<!--[if IE]>
<script type="text/javascript">
window.onload = function(){
  var trs = document.getElementsByTagName("tr");
  for (var i = 0; i < trs.length; i++){
    var tr = trs[i];
    tr.onmouseover = function(){
      this.className = "hover";
    }
    tr.onmouseout = function(){
      this.className = "";
    }
  }
}
</script>
<![endif]-->
<table>
<tr><td>test<td>test
<tr><td>test<td>test
<tr><td>test<td>test
<tr><td>test<td>test
<tr><td>test<td>test
<tr><td>test<td>test
</table>
```

 :)

Permalänk: https://www.webforum.nu/p/1573258

## #5 — dectgap, 2005-03-15T23:34Z

> **Insider skrev:**
>
> Du kar skrivit egenskaperna för kantlinjeni fel ordning.
> I CSS skriver man:
>
>
> ```
> border: 1px solid red;
> ```

Även om *du* skriver dem i den ordningen är det inget tvång.

> Value:  	\[ \<border-width\> \|\| \<border-style\> \|\| \<'border-top-color'\> \] \| inherit

<http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties>

> A double bar (\|\|) separates two or more options: one or more of them must occur, in any order.

<http://www.w3.org/TR/CSS21/about.html#property-defs>

Permalänk: https://www.webforum.nu/p/1573348

---

Tråden på webben: https://www.webforum.nu/amne/html-css/124431-onmouseover-i-tr
