XSL - ¿Bordes redondeados en xsl y css?

 
Vista:

¿Bordes redondeados en xsl y css?

Publicado por Miguel Angel (1 intervención) el 11/09/2007 08:59:56
Buenas, queria saber si existe alguna forma de hacer que se redondeen los bordes de una tabla realizada en xsl y con hojas de estilo css y como se haría.
¿Y para xsl:fo?, es decir, para pdf.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Alejandro

¿Bordes redondeados en xsl y css?

Publicado por Alejandro (227 intervenciones) el 06/07/2023 16:51:21
Para redondear los bordes de una tabla en XSLT con CSS, puedes utilizar la propiedad `border-radius` en conjunto con las reglas de estilo CSS. A continuación, te muestro cómo puedes lograrlo:

XSLT con CSS (para HTML):

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
  <xsl:output method="html" indent="yes" />
 
  <xsl:template match="/">
    <html>
      <head>
        <style>
          table {
            border-collapse: collapse;
          }
 
          td, th {
            padding: 8px;
          }
 
          .rounded-table {
            border-radius: 10px;
          }
        </style>
      </head>
      <body>
        <table class="rounded-table">
          <!-- Contenido de la tabla -->
        </table>
      </body>
    </html>
  </xsl:template>
 
</xsl:stylesheet>

En este ejemplo, se utiliza la regla de estilo `.rounded-table` con la propiedad `border-radius` para aplicar esquinas redondeadas a la tabla. Puedes ajustar el valor de `border-radius` según tus necesidades para obtener el nivel de redondez deseado.

Ten en cuenta que este ejemplo es para generar un documento HTML utilizando XSLT. Para aplicar estilos CSS a una tabla en un documento PDF generado con XSL-FO, la técnica es diferente.

En XSL-FO, puedes utilizar las propiedades `border-radius` y `border-radius-top-left`, `border-radius-top-right`, `border-radius-bottom-left`, `border-radius-bottom-right` para redondear los bordes de una tabla. Sin embargo, es importante tener en cuenta que el soporte para estas propiedades puede variar según el procesador XSL-FO que estés utilizando.

A continuación, te muestro un ejemplo básico de cómo aplicar bordes redondeados en una tabla en XSL-FO:

1
2
3
<fo:table border-collapse="collapse" border-radius="10px">
  <!-- Contenido de la tabla -->
</fo:table>

En este caso, se utiliza la propiedad `border-radius` en la etiqueta `fo:table` para aplicar esquinas redondeadas a la tabla. Nuevamente, puedes ajustar el valor de `border-radius` según tus necesidades.

Recuerda que la compatibilidad con `border-radius` en XSL-FO puede variar según el procesador y la versión de XSL-FO que estés utilizando. Asegúrate de consultar la documentación del procesador XSL-FO específico que estás utilizando para verificar la compatibilidad y el enfoque correcto para redondear los bordes de una tabla.

Espero que esto te ayude a redondear los bordes de una tabla en XSLT con CSS y XSL-FO.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar