Border style list : li border « Tags « HTML / CSS

Border style list

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
      <style type='text/css'>
        div {
          padding: 10px;
          margin: 10px;
          border: thick black;
      <div style='border-style: hidden;'>
          border-style: hidden;
      <div style='border-style: dotted;'>
          border-style: dotted;
      <div style='border-style: dashed;'>
          border-style: dashed;
      <div style='border-style: solid;'>
          border-style: solid;
      <div style='border-style: double;'>
          border-style: double;
      <div style='border-style: groove;'>
          border-style: groove;
      <div style='border-style: ridge;'>
          border-style: ridge;
      <div style='border-style: inset;'>
          border-style: inset;
      <div style='border-style: outset;'>
          border-style: outset;
      <div style='border-style: none;'>
          border-style: none;


Related examples in the same category

1.LI border top: 1px solid black
2.Shading border for list
3.List item with border